/* =========== Media Queries =========== */
@media only screen and (max-width: 1024px) {
.bajada{font:bold 400%/110% 'Gotham';}

.titulo{font:bold 300%/110% 'Gotham';}

.explicacion p{font:300 150%/135% 'Gotham';}

.servicios{float:left;width:50%;padding:0 0 0 5%;}
.servicio p{font:300 100%/125% 'Gotham';}

}

@media only screen and (max-width: 800px) {
.servicios{float:left;width:50%;padding:0 15px;}
.servicio p{font:300 90%/120% 'Gotham';}
}

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

}

@media only screen and (max-width: 736px) {
.bajada{font:bold 350%/110% 'Gotham';}

.titulo{font:bold 250%/110% 'Gotham';}
}

@media only screen and (max-width: 667px) {
#header.fixed{background:rgba(255,255,255,.95);}
}

@media only screen and (max-width: 640px) {
#menu li a{font:300%/120% 'Gotham';}	
	
.bajada{font:bold 300%/110% 'Gotham';}

.titulo{font:bold 200%/110% 'Gotham';}
}

@media only screen and (max-width: 600px) {
.explicacion p{font:300 125%/125% 'Gotham';}
}

@media only screen and (max-width: 568px) {
.bajada{font:bold 275%/110% 'Gotham';}

.titulo{font:bold 180%/110% 'Gotham';}

.seccion{padding:25px 0;}

.servicios{width:100%;padding:0 15px;margin:0 auto 35px;}
.macbook{width:90%;margin:25px auto 0;}
.macbook img{width:200%;height:auto;}
}

@media only screen and (max-width: 480px) {
.bajada{font:bold 250%/110% 'Gotham';}

.titulo{font:bold 165%/110% 'Gotham';}

.explicacion{width:60%;padding:0 15px;}
.explicacion p{font:300 100%/125% 'Gotham';letter-spacing:0;}
.iphone{width:40%;}

#clientes ul{width:100%;}
#clientes li{width:50%;padding:20px;}

#contacto input,
#contacto textarea{font:300 100%/135% 'Gotham';}
#contacto button{font:100%/100% 'Gotham';}
}

@media only screen and (max-width: 375px) {
#menu li a{font:250%/120% 'Gotham';}
#menu .datos{text-align:right;float:right;}

#nosotros{padding:25px;}
.iphone{width:100%;margin:0 auto 25px;}
.explicacion{width:100%;padding:0;}
.explicacion p{font:300 110%/135% 'Gotham';}

.servicio{padding:0 0 0 45px;}
.servicio .icon{width:35px;top:5px;}
}

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