@import url('https://fonts.googleapis.com/css?family=Overlock:400,400i,700i,900');
body{background:rgba(255,255,255,1);padding:0;margin:0;font-family: 'Overlock', cursive;color:#231f20;}	
/*  HEADER      */
.headerContainer{height: 85vh;}
.header{background-image:url("../img/header/fotoportada.jpg");background-size:cover;background-repeat:no-repeat;width:100%;height:85vh;position:absolute;top:0;background-position: 30% 0;}
.header .logo{position:absolute;top:20vh;right: calc(279px - 4%);width:279px;}
.header .topFrase{width:100%;  position: absolute;bottom: -1px;}
.header .topFrase img{width:100%;vertical-align: bottom;}

@media only screen and (max-width: 670px) {
    .header{background-position: 50% 0;}
    .header .logo{right:calc(60% - 50%);width:50%;}
}

.topFraseContainer{height:85vh;position:absolute;top:0;width:100%;}
.topFrase{width:100%;position:absolute;bottom:-5px;}
.topFrase img{width:100%;}

/*  FRASE       */
.fraseContainer{width:100%;height:50vh;position:relative;text-align:center;background-color:#cc5e5e;}
.fraseContainer .trompoBox{width:50%;margin:0 auto;padding:0vh 0 0 0;text-align:center;}
.fraseContainer .trompoBox img{margin:0 0 20px 0;}
.fraseContainer .fraseBox{width:50%;margin:0 auto;}
.fraseContainer .fraseBox p{padding:0;margin:0;font-size:2em;color:#fff;}
@media only screen and (max-width: 1240px) {
    .fraseContainer .fraseBox p{font-size:1.7em;}
}
@media only screen and (max-width: 950px) {
    .fraseContainer .fraseBox{width:80%;margin:0 auto;}
    .fraseContainer .fraseBox p{font-size:1.6em;}
}
@media only screen and (max-width: 670px) {
    .fraseContainer .trompoBox{padding:2vh 0 0 0;}
    .fraseContainer .fraseBox{width:80%;margin:0 auto;}
    .fraseContainer .fraseBox p{font-size:1.5em;}
}

@media only screen and (max-width: 360px) {
    .fraseContainer .fraseBox p{font-size:1em;}
}


/*  MENU    */
#menu{width:300px;text-align:center;margin:0 auto;padding:125px 0 100px 0;z-index: 10;}
#menu img{width:238px;margin:0 auto;}
#menu h1{color:#f15a29;}
#menu ul{list-style:none;padding:0;margin:0;}
#menu p{font-size:1.2em;}
#menu p i{font-size:0.8em;}
#menu span{color:#f15a29;font-size:0.8em;}
#circles{width:300px;position: absolute;top: 137vh;left: calc(50% - 160px);text-align:center;}
#circles img{width:238px;margin:0 auto;}
#circles h1{color:#f15a29;}
#circles ul{list-style:none;padding:0;margin:0;}
#circles p{font-size:1.2em;}
#circles p i{font-size:0.8em;}
#circles span{color:#f15a29;font-size:0.8em;}
@media only screen and (max-width: 1800px) {
    #circles{top: 160vh;}
    
}

@media only screen and (max-width: 400px) {
    #circles img{width:180px;}
}



/*  mision  */
.container{outline: 1px solid #eed;background: rgb(175,70,68);width:100%;	height:100vh;}
.block{text-align: center;position: relative;height:100%;}
.block p{color:#fff;}
section span{/*background-image:url("../img/mision/taco.png");background-repeat:no-repeat;*/text-align: left;height:100vh;display: block;width: 50%;position: absolute;top: 150px; left: 0;box-sizing: border-box;}
section span img{width:100%;max-width:688px;}
.block .misionBoxContainer1{width:50%;margin:0vh 10% 0vh 40%;height: 100%;}
.block .misionBoxContainer1 .misionBx1{display: table;    height: 100%;}
.block .misionBoxContainer1 .misionBox1{display: table-cell;vertical-align: middle;text-align:center;}
.block .misionBoxContainer1 .misionBox1 p{color:#fff;font-size:2em;width:50%;margin:0 auto;}
.block .misionBoxContainer1 .misionBox1 img{margin:0 0 50px 0;}
@media only screen and (max-width: 1320px) {
    section span{width:45%;}
    .block .misionBoxContainer1{width:60%;margin:0vh 0% 0vh 40%;}
    .block .misionBoxContainer1 .misionBox1 p{font-size:1.5em;}
}
@media only screen and (max-width: 1140px) {
    section span img{margin: 30vh 0 0 0;}
    section span{width:40%;background-size:cover;}
    .block .misionBoxContainer1{width: 70%;margin: 0vh 0% 0vh 30%;}
}

@media only screen and (max-width: 700px) {
    section span{width:0%;}
    .block .misionBoxContainer1{width: 90%;margin: 0 auto;}
    .block .misionBoxContainer1 .misionBox1 p{width:100%;font-size:1.5em;}
    
}
@media only screen and (max-width: 360px) {
    .block .misionBoxContainer1 .misionBox1 p{font-size:1.5em;}
}


.misionContainer1{width:100%;height:100vh;background-color:rgb(175,70,68);}
.misionContainer1 .tacoBoxContainer1{width:30%;height:100%;display:inline-block;}
.misionContainer1 .taco1{width:100%;transition:all 1s ease;}
.misionContainer1 .misionBoxContainer1{width:60%;    height: 100%;display:inline-block;}
.misionContainer1 .misionBx1{display: table;    height: 100%;}
.misionContainer1 .misionBox1 {display: table-cell;vertical-align: middle;text-align:center;}
.misionContainer1 .misionBox1 p{color:#fff;font-size:2em;width:50%;margin:0 auto;}
@media only screen and (max-width: 1170px) {
    .misionContainer1 .misionBox1 p{font-size:1.5em;}
}
@media only screen and (max-width: 680px) {
    .misionContainer1 .misionBox1 p{font-size:1em;}
}


/*  RECOMIENDAN     */
.recomiendanContainer{width:90%;margin:0 auto;max-width:960px;text-align:center;padding:250px 0 100px 0;overflow:auto;}
.recomiendanContainer h1 { font-size:2em;color:#e64e1d;}
.recomiendanContainer .recomiendan1,
.recomiendanContainer .recomiendan2{display:inline-block;width:45%;}
.recomiendanContainer .recomiendan2{margin-left:5%;}
.recomiendanContainer .recomiendan1 img,
.recomiendanContainer .recomiendan2 img{width:100%;}
.recomiendanContainer h2 { width: 84%;float: right;font-weight:300;}
.recomiendanContainer h2 a{color:#231f20;text-decoration:none;}
.recomiendanContainer p{color:#231f20;  width: 84%;float: right;}
@media only screen and (max-width:1024px){
    .recomiendanContainer{padding:50px 0 100px 0;}
}
@media only screen and (max-width: 680px){
    .recomiendanContainer .recomiendan1,
    .recomiendanContainer .recomiendan2{display:block;width:80%;}
}

@media only screen and (max-width:360px){
    .recomiendanContainer{padding:0px 0 100px 0;}
}


/*  FOOTER      */
.footerContainer{width:100%;background-color:#545655;padding:50px 0;}
.entregasContainer{width:80%;margin:0 auto;max-width:960px;text-align:center;}
.entregasContainer h1{color:#fff;padding:0 0 50px 0;margin:0;}
.entregasContainer ul{list-style:none;overflow:hidden;margin:0;padding:0;}
.entregasContainer ul li{float:left;width:25%;text-align:center;}
.entregasContainer ul li:nth-child(2){width:50%;}
.entregasContainer hr{background-color:#fff;margin:50px 0;}
@media only screen and (max-width: 680px){
    .entregasContainer ul li{float:none;width:80%;margin:0 auto;padding:20px 0;}
    .entregasContainer ul li img{width:auto;}
    .entregasContainer ul li:nth-child(2) img{width:100%;}
}
.footerBottom {width:90%;margin:0 auto;max-width:960px;overflow:auto;}

.footerBottom .footer1,
.footerBottom .footer2{display:inline-block;width:49%;vertical-align: top;}
.footerBottom .footer1 ul{list-style:none;overflow:hidden;margin:0;padding:0;}
.footerBottom .footer1 ul li{float:left;margin:0 20px 0 0;vertical-align:top;}
.footerBottom .footer1 p{color:#fff;font-size:1.2em;padding:0;margin:0;}

.footerBottom .footer2 p{color:#fff;font-size:1.2em;padding:0;margin:0;text-align:right;}
.footerBottom .footer2 p a{color:#fff;text-decoration:none;}
.footerBottom .footer2 h6{color:#fff;font-size:1em;padding:0;margin:0;text-align:right;font-weight:300;}
.footerBottom .footer2 h6 a{color:#fff;text-decoration:none;}
@media only screen and (max-width: 800px){
    .footerBottom .footer1 p{font-size:1.5em;}
    .footerBottom .footer2 p{font-size:1.2em;}
}

@media only screen and (max-width: 700px){
    .footerBottom .footer1,
    .footerBottom .footer2{display:block;width:80%;text-align:center;margin:0 auto;}
    .footerBottom .footer1 ul li{float:none;width:80%;margin:0 auto;padding:20px 0;}
    .footerBottom .footer2 p,.footerBottom .footer2 h6{text-align:center;}
}