/* Cuerpo de la pagina */
body { width: 100%; height: 100%; margin: 0px; font-family: sans-serif; max-height: 6000px; }
header { width: auto; height: auto; }
main { width: auto; height: auto; }
footer { width: auto; height: auto; }

/* Titulos */
h1 { text-align: center; font-size: 3em; font-weight: 700; color: #e31f1a; }
h2 { text-align: center; font-size: 2.2em; }

/* Lista */
ul { margin: 0px; }
li { margin: 0px 0px 15px 0px; font-size: 120%; letter-spacing: 0.5px; word-spacing: 1px; }
li::marker { content: '\25CF'; /* codigo Unicode  */ color: #e31f1a; font-size: 22px; }
li p { margin: 0px 0px 0px 10px; }

/* Imagenes */
img { width: 100%; }

/* Contenedores */
.container { padding: 3% 4%; }
.row { display: flex; }
.col-12 { width: 100%; }
.col-6 { width: 50%; }

/* Imagenes */
.imgFoodDesktop { display: block; }
.imgFoodMobile { display: none; }
.contImgHeatSources { width: 100%; height: 13em; display: flex; align-items: center; justify-content: center; }
.imgHeatSources { width: 87%; }

/* Separador */
.verticalLine { background-color: #6d6d6d; width: 1px; margin: 1.5% 1.25% 5% 1.25%; }

/* Mobile */
@media screen and ( max-width: 450px ) {
    /* Titulos */
    h1 { font-size: 2em; }
    h2 { font-size: 1.3em; margin-bottom: 0px; }

    /* Lista */
    ul { padding: 0px 20px }

    /* Contenedores */
    .row { display: block; }
    .col-sm-12 { width: 100%; }

    /* Imagenes */
    .imgFoodDesktop { display: none; }
    .imgFoodMobile { display: block; }
    .contImgHeatSources { height: 13.5em; align-items: baseline; }
}