/* =========== Media Queries =========== */
@media only screen and (min-width: 1800px) {
#portada .swiper-container{height:800px;}
}	

@media only screen and (min-width: 1400px) {
#portada .swiper-container{height:750px;}
}	

@media only screen and (max-width: 1024px) {
#menu li{width:auto;padding:0 5% 0 0;}
#menu li.social{width:40px;padding:0;}
#menu li a{color:#fff;font:125%/120% 'Open Sans';text-shadow:2px 2px #91171c;}	
	
#portada .swiper-slide img{position:relative;width:150%;left:-25%;}

.recuadro{padding:0 0;font-size:110%;}
}

@media only screen and (max-width: 800px) {
#header{padding:25px 5%;}
#header h1{top:0;}
#header h1 img{max-width:90px;}

.recuadro{display:block;background:none;}
.recuadro .frase{float:none;clear:both;width:25%;padding:20px;}
.recuadro .tips{float:none;width:100%;}
.recuadro .tip{}
.recuadro .tip span{height:60px;}
}

@media only screen and (max-width: 768px) {
#portada .swiper-slide h2{font:300 400%/125% 'Open Sans';}	
	
.titulo{font:300 325%/125% 'Open Sans';}

.tag-cloud{font-size:80%;}

#form{float:none;width:100%;padding:0;}
.map{float:none;width:100%;padding:25px 0 0;}
}

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

}

@media only screen and (max-width: 667px) {
#header .right{float:right;width:75%;}
#menu li{padding:0 15px 0 0;}		
#menu li a{font:120%/120% 'Open Sans';letter-spacing:-.5px;}		
	
#portada .swiper-container{height:500px;}
#portada .swiper-slide h2{font:300 350%/125% 'Open Sans';}

.seccion{padding:25px 0;}

.recuadro .frase{float:none;clear:both;width:33.3%;padding:20px;}

#footer{padding:25px 5% 25px;}
}

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

}

@media only screen and (max-width: 600px) {
#menu li{padding:0 15px 0 0;}		
#menu li a{font:115%/120% 'Open Sans';letter-spacing:-1px;}
}

@media only screen and (max-width: 568px) {
#portada .swiper-container{height:400px;}
#portada .swiper-slide img{width:180%;left:-40%;}
#portada .swiper-slide h2{font:300 300%/125% 'Open Sans';}

.titulo{font:300 275%/125% 'Open Sans';}

.tag-cloud{font-size:70%;}

.recuadro .frase{width:50%;}
.recuadro .tips{display:block;}
.recuadro .tip{width:50%;border:none;}
}

@media only screen and (max-width: 480px) {
#trabajos .galeria li{width:33.3%;}

#menu li{display:none;}
#menu li.social{display:block;}

.recuadro .frase{width:100%;}

#form .campo{margin:0 auto 15px;}
}

@media only screen and (max-width: 375px) {
#header .datos{display:none;}
#menu{margin:0;}
#menu li.social{width:50px;font-size:150%;}
#portada .swiper-container{height:375px;}
#portada .swiper-slide img{width:200%;left:-50%;}
#portada .swiper-slide h2{font:300 250%/125% 'Open Sans';padding:10px 20px;}

.titulo{font:300 225%/125% 'Open Sans';}

.tag-cloud{font-size:60%;}

.map .dato{margin:0 auto 10px;font-size:110%;}
}

@media only screen and (max-width: 320px) {
#portada .swiper-slide img{width:250%;left:-75%;}
#portada .swiper-slide h2{font:300 200%/125% 'Open Sans';}

.tag-cloud{font-size:50%;}

#trabajos .galeria li{width:50%;}
}