/* NUTRICION PARA UNA VIDA MEJOR*/
h2.principal{ margin-bottom:40px;}
.vida-mejor{ padding:0 0 200px; text-align:center; background-image:url(../img/que-es-herbalife/img-frutas.jpg); background-position:center bottom; background-size:contain; background-repeat:no-repeat;}
.vida-mejor p{ margin-bottom:80px; font-size:18px; line-height:2em;}
.vida-mejor img{margin-bottom:80px;}

/*TRANSFORMA TU CUERPO*/
.transforma{ padding:80px 0; background-color:#fbfbfb; background-image:url(../img/que-es-herbalife/img-pareja.jpg); background-position:center right; background-size:contain; background-repeat:no-repeat;}
.transforma .txt-transforma{ width:60%;}
.transforma h3{ font-size:24px; font-weight:500;}
.transforma p{font-size:18px; line-height:2em;}
.transforma ul{ list-style-type:none; padding:0;}
.transforma li{font-size:18px; margin-bottom:10px;}

/*AVALADOS POR LA CIENCIA*/
.avalados{ padding:100px 0;}
.avalados .texto h3{font-size:24px; margin-bottom:50px; font-weight:500; }
.avalados .texto p{font-size:18px; width:85%; line-height:2em;}
.avalados .imagen{ text-align:center;}
.avalados .imagen p{ font-size:14px; padding:15px 15px 0; line-height:1.8em; border-top:1px solid #7bc143; text-align:left;}
.avalados .imagen p strong{ display:block; font-size:18px; font-weight:500;}

/*COMPROMETIDOS*/
.comprometidos{ padding:80px 0; background-color:#fbfbfc; text-align:center;}
.comprometidos img{ margin-bottom:20px;}
.comprometidos .titulo{font-size:24px; margin-bottom:20px; font-weight:500;}
.comprometidos p{font-size:18px; line-height:1.8em; text-align:left;}

/*PATROCIONIOS*/
.patrocinios{ padding:80px 0; margin-bottom:50px; text-align:center;}
.patrocinios .titulo{font-size:17px; margin-bottom:20px; font-weight:500;}
.patrocinios img{ margin-bottom:30px;}
.patrocinios .col-centrar{ display:none;}


@media (min-width: 1199.98px) and (max-width: 1370px) {
/*TRANSFORMA TU CUERPO*/
.transforma{ background-position:110% center;}
}



@media (min-width: 992px) and (max-width: 1199.98px) {

/* NUTRICION PARA UNA VIDA MEJOR*/
h2.principal{ margin-bottom:40px;}
.vida-mejor{ padding:0 0 150px; background-size:130% auto;}
.vida-mejor p{ margin-bottom:70px; font-size:16px; line-height:1.8em;}
.vida-mejor img{ width:465px; height:auto; margin-bottom:50px;}

/*TRANSFORMA TU CUERPO*/
.transforma{ padding:50px 0;}
.transforma .txt-transforma{ width:40%;}
.transforma h3{ width:80%; font-size:20px; font-weight:500;}
.transforma p{font-size:16px; line-height:1.8em;}
.transforma li{font-size:16px; margin-bottom:10px;}
.transforma li img{ width:20px; height:auto;}

/*AVALADOS POR LA CIENCIA*/
.avalados{ padding:80px 0;}
.avalados .texto h3{font-size:20px; margin-bottom:40px;  }
.avalados .texto p{font-size:16px; width:85%; line-height:1.8em;}
.avalados .imagen img{ width:250px; height:auto;}
.avalados .imagen p{ font-size:12px; padding:15px 8px 0; line-height:1.7em;}
.avalados .imagen p strong{ display:block; font-size:16px;}

/*COMPROMETIDOS*/
.comprometidos{ padding:80px 0;}
.comprometidos img{ margin-bottom:20px;}
.comprometidos .titulo{font-size:20px; margin-bottom:20px; font-weight:500;}
.comprometidos p{font-size:16px; line-height:1.7em; text-align:left;}

/*PATROCIONIOS*/
.patrocinios{ padding:80px 0; margin-bottom:50px; text-align:center;}
.patrocinios .titulo{font-size:15px; margin-bottom:20px;}
.patrocinios img{ margin-bottom:30px;}
}


@media (min-width: 768px) and (max-width: 991.98px) {

/* NUTRICION PARA UNA VIDA MEJOR*/
h2.principal{ margin-bottom:30px;}
.vida-mejor{ padding:0 0 120px;}
.vida-mejor p{ margin-bottom:50px; font-size:15px; line-height:1.7em;}
.vida-mejor img{ width:400px; height:auto; margin-bottom:30px;}

/*TRANSFORMA TU CUERPO*/
.transforma{ padding:30px 0;  background-position:120% center;}
.transforma .txt-transforma{ width:53%;}
.transforma h3{ width:80%; font-size:18px; font-weight:500;}
.transforma p{font-size:15px; line-height:1.7em;}
.transforma li{font-size:15px; margin-bottom:8px;}
.transforma li img{ width:15px; height:auto;}

/*AVALADOS POR LA CIENCIA*/
.avalados{ padding:60px 0;}
.avalados .texto h3{font-size:18px; margin-bottom:30px;  }
.avalados .texto p{font-size:15px; width:92%; line-height:1.7em;}
.avalados .imagen img{ margin-top:100px; width:180px; height:auto;}
.avalados .imagen p{ font-size:11px; padding:12px 5px 0; line-height:1.7em;}
.avalados .imagen p strong{ display:block; font-size:15px;}

/*COMPROMETIDOS*/
.comprometidos{ padding:60px 0;}
.comprometidos img{ width:70px; height:auto; margin-bottom:15px;}
.comprometidos .titulo{font-size:18px; margin-bottom:15px; font-weight:500;}
.comprometidos p{font-size:15px; line-height:1.6em; text-align:left;}

/*PATROCIONIOS*/
.patrocinios{ padding:60px 0; margin-bottom:40px; text-align:center;}
.patrocinios .titulo{font-size:18px; margin-bottom:20px;}

/*PATROCIONIOS*/
.patrocinios{ padding:60px 0; margin-bottom:30px; text-align:center;}
.patrocinios .titulo{font-size:15px; margin-bottom:15px;}
.patrocinios img{ margin-bottom:30px;}
.patrocinios .col-centrar{ display:block;}
}


@media (min-width: 576px) and (max-width: 767.98px) { 

/* NUTRICION PARA UNA VIDA MEJOR*/
h2.principal{ margin-bottom:30px;}
.vida-mejor{ padding:0 0 120px; background-size:180% auto;}
.vida-mejor p{ margin-bottom:30px; font-size:15px; line-height:1.7em;}
.vida-mejor img{ width:400px; height:auto; margin-bottom:20px;}

/*TRANSFORMA TU CUERPO*/
.transforma{ padding:30px 0 50px;  background-position:right bottom; background-size:300px auto;}
.transforma .txt-transforma{ width:100%;}
.transforma h3{ width:100%; font-size:18px;}
.transforma p{font-size:15px; line-height:1.7em;}
.transforma p.largo{ width:55%;}
.transforma li{font-size:15px; margin-bottom:8px;}
.transforma li img{ width:15px; height:auto;}

/*AVALADOS POR LA CIENCIA*/
.avalados{ padding:50px 0;}
.avalados .texto h3{font-size:18px; margin-bottom:30px;  }
.avalados .texto p{font-size:15px; width:100%; line-height:1.7em;}
.avalados .imagen img{ margin-top:20px; width:150px; height:auto;}
.avalados .imagen p{ font-size:11px; padding:12px 5px 0; line-height:1.7em;}
.avalados .imagen p strong{ display:block; font-size:15px;}

/*COMPROMETIDOS*/
.comprometidos{ padding:50px 0;}
.comprometidos img{ width:70px; height:auto; margin:20px 0 10px;}
.comprometidos .titulo{font-size:18px; margin-bottom:10px; font-weight:500;}
.comprometidos p{font-size:15px; line-height:1.6em; text-align:left;}

/*PATROCIONIOS*/
.patrocinios{ padding:50px 0; margin-bottom:20px;}
.patrocinios .titulo{font-size:18px; margin-bottom:15px;}
.patrocinios img{ margin-bottom:30px;}

}


@media (max-width: 575.98px) { 

/* NUTRICION PARA UNA VIDA MEJOR*/
h2.principal{ margin-bottom:30px;}
.vida-mejor{ padding:0 0 120px; background-size:250% auto;}
.vida-mejor p{ margin-bottom:30px; font-size:15px; line-height:1.6em;}
.vida-mejor img{ width:85%; min-width:300px; height:auto; margin-bottom:20px;}

/*TRANSFORMA TU CUERPO*/
.transforma{ padding:30px 0 150px;  background-position:right bottom; background-size:200px auto;}
.transforma .txt-transforma{ width:100%;}
.transforma h3{ width:100%; font-size:16px; text-align:center; margin-bottom:20px;}
.transforma p{font-size:15px; line-height:1.7em;}
.transforma p.largo{ width:100%;}
.transforma li{font-size:15px; margin-bottom:8px;}
.transforma li img{ width:15px; height:auto;}

/*AVALADOS POR LA CIENCIA*/
.avalados{ padding:40px 0;}
.avalados .texto h3{font-size:18px; margin-bottom:30px;  }
.avalados .texto p{font-size:15px; width:100%; line-height:1.7em;}
.avalados .imagen img{ margin-top:20px; width:150px; height:auto;}
.avalados .imagen p{ font-size:11px; padding:12px 5px 0; line-height:1.7em;}
.avalados .imagen p strong{ display:block; font-size:15px;}

/*COMPROMETIDOS*/
.comprometidos{ padding:40px 0;}
.comprometidos img{ width:70px; height:auto; margin:20px 0;}
.comprometidos .titulo{font-size:16px; margin-bottom:10px;}
.comprometidos p{font-size:15px; line-height:1.6em; text-align:left;}

/*PATROCIONIOS*/
.patrocinios{ padding:40px 0; margin-bottom:0;}
.patrocinios .titulo{font-size:15px; margin-bottom:15px;}
.patrocinios img{ margin-bottom:30px;}

}