/* =========== Media Queries =========== */
@media only screen and (max-width: 1400px) {
#portada .title{font:bold 500%/100% 'Montserrat';}
#portada .subtitle{font:bold 400%/100% 'Montserrat';}
#portada .bajada{font-size:135%;}
}

@media only screen and (max-width: 1280px) {
.login{right:125px;}

#portada .title{font:bold 400%/100% 'Montserrat';}
#portada .subtitle{font:bold 300%/100% 'Montserrat';}
#portada .bajada{font-size:125%;}

#core .item{height:280px;}
#core .item .icon{width:40px;height:auto;margin:0 auto 15px;}
#core .item .text p{font:300 100%/150% 'Montserrat';}
#core .item .text p strong{font-size:120%;margin:0 auto 15px;}

#results .item{height:250px;width:100%;}
#results .item .number{font-size:400%;padding-left:10px;font-weight:300;margin:0 auto 15px;}
#results .item .text h3{font-size:125%;margin:0 auto 15px;}
#results .item .text p{font:300 100%/150% 'Montserrat';}

#why .item .text h3{font-size:120%;margin:0 auto 15px;}
#why .item .text p{font:300 100%/150% 'Montserrat';}
}

@media only screen and (max-width: 1024px) {
.wrap{padding:6% 10%;}

#core .item{height:250px;}
}

@media only screen and (max-width: 992px) {
.mobile_hidden{display:none;}

.seccion .title{font:bold 250%/100% 'Montserrat' !important;}
.seccion .bajada{font-size:125% !important;line-height:150% !important;}

#how .item .number{font-size:400%;margin:0 auto 15px;}
#how .item .text{width:100%;text-align:center;}
#how .item .text h3{font-size:125%;margin:0 auto 15px;}
#how .item .text p{font:300 100%/150% 'Montserrat';}

#why .item .text{height:125px;}

.copy{text-align:center;font-size:80%;margin:25px auto 0;}
}

@media only screen and (max-width: 800px){


}

@media only screen and (max-width: 768px) {
#header.fixed,
#header{position:fixed;padding:10px 5%;}
#header .logo{float:none;width:50%;max-width:200px;}

#portada .title{font:bold 350%/100% 'Montserrat';}
#portada .subtitle{font:bold 275%/100% 'Montserrat';}
#portada .bajada{font-size:110%;}
#portada .button{font:100%/100% 'Montserrat';padding:10px 20px;}

#how .item{height:250px;}
#how .item svg{right:50%;margin-right:-25px;top:auto;bottom:-30px;transform: rotate(90deg);}

#results .item{height:220px;width:90%;}

.logo-dark{width:80%;max-width:250px;margin:50px auto 0;}
.menu-footer{margin:0 auto 50px;}
.menu-footer::before{left:50%;transform:translate(-50%,0);}
.menu-footer li{text-align:center;}
}

@media only screen and (max-width: 667px) {
.wrap{padding:100px 5%;}

.seccion .title{font:bold 250%/100% 'Montserrat' !important;}
.seccion .bajada{font-size:110% !important;line-height:150% !important;}
}

@media only screen and (max-width: 640px) {
.login{right:100px;}

#core .item{height:300px;}
}

@media only screen and (max-width: 600px) {
#portada .foto{left:25%;}
#portada .slide{padding:0 0%;}
#portada .title{font:bold 300%/100% 'Montserrat';}
#portada .subtitle{font:bold 220%/100% 'Montserrat';}
#portada .bajada{font-size:100%;}
}

@media only screen and (max-width: 576px) {
.seccion .title{font:bold 200%/100% 'Montserrat' !important;}
.seccion .bajada{font-size:100% !important;line-height:150% !important;}

#core .item{height:240px;}

#contacto label{font-size:80%;letter-spacing:0px}
#contacto button{float:none;margin:10px auto 0;padding:15px 0;text-align:center;display:block;width:100%;}
}

@media only screen and (max-width: 480px) {
.login{right:85px;font:bold 80%/100% 'Montserrat';padding:10px 12px;}

#header .logo{width:40%;}

#portada .button{width:80%;margin:10px auto;}

}

@media only screen and (max-width: 400px) {
.login{right:75px;font:bold 75%/100% 'Montserrat';padding:9px 10px;}

}

@media only screen and (max-width: 320px) {	
}