/*  Orientation styles */


/* Portrait */
@media screen and (max-width: 320px) {
#mobil { display:block; float:left; }
	#container { display: none; }
	body { background: #1b1a1b; }
	a.egresados, a.turismo { width: 100%; }
	a.egresados img, a.turismo img { width: 100%; }
	#mobil .top { margin: 0 auto; width: 100%; float: left; text-align: center; }
	#mobil .pie { font-family: 'MuseoSans-300'; font-size: 0.8em; width: 100%; float: left; color: #FFF; height: 100px; }
	#mobil .pie .arriba { width: 80%; margin: 30px 10% 15px; float: left; text-align: center; }
	#mobil .pie .abajo { width: 80%; margin: 0 10% 10px 10%; float: left; text-align: center; }
	#mobil .pie .abajo a.credits { text-decoration: none; color: #FFF; }
	#mobil .pie .abajo a.credits:hover { text-decoration: line-through; color: #FFFF00; }
}
 
/* Landscape */
@media screen and (max-width: 390px) {
	#mobil { display:block; float:left; }
	#container { display: none; }
	body { background: #1b1a1b; }
	a.egresados, a.turismo { width: 100%; }
	a.egresados img, a.turismo img { width: 100%; }
	#mobil .top { margin: 0 auto; width: 100%; float: left; text-align: center; }
	#mobil .pie { font-family: 'MuseoSans-300'; font-size: 0.8em; width: 100%; float: left; color: #FFF; height: 100px; }
	#mobil .pie .arriba { width: 80%; margin: 30px 10% 15px; float: left; text-align: center; }
	#mobil .pie .abajo { width: 80%; margin: 0 10% 10px 10%; float: left; text-align: center; }
	#mobil .pie .abajo a.credits { text-decoration: none; color: #FFF; }
	#mobil .pie .abajo a.credits:hover { text-decoration: line-through; color: #FFFF00; }
}



@media only screen and (max-width: 750px) {
	.cajita h2 { font-size: 0.70em; }
	.grid figure p {  letter-spacing: 2px; font-size: 55.5%; }
	.cajita { margin: 58% auto 0 !important;  }
	.social { display: none !important; }
}


@media only screen and (max-height: 814px),  screen and (max-width: 1250px) {
	
	figure.effect-bubba figcaption::before {
		border-top: none;
		border-bottom: none; 

		-ms-transform: scale(0,1); /* IE 9 */
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
		
}


figure.effect-bubba figcaption::after {
	border-right: none;
	border-left: none;
	-ms-transform: scale(1,0); /* IE 9 */
	-webkit-transform: scale(1,0);
	transform: scale(1,0);

}
	
}

@media only screen and (max-width: 1100px) {
	.footer { font-size: 0.85em; }
	
}

@media only screen and (max-width: 1050px) {
	.cajita h2 { font-size: 0.85em; line-height: 2em; }
	.grid figure p { letter-spacing: 3px; font-size: 61.5%; line-height: 16px; }
	.cajita { margin: 46% auto 0 !important;  }
	.footer .izq { font-size: 0.75em; }
}




/* Smaller screens */
@media only screen and (max-width: 1023px) {

	
}






/* Mobile */
@media handheld, only screen and (max-width: 670px) {


	
}


@media only screen and (max-width: 1500px) {
  .grid figure img { height: 100%; }
}