/* MEDIA QUERIES ------------------------------------------------------------------------------------------------------------------ */


/* Pantalla 3480x2160 16:9 4K -------------------------- */
@media only screen and (min-width:2561px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	main {
		padding-top: 102px;
		margin: 0px 40em 20px 40em;
	}	

	

}


/* Pantalla 2560x1440 16:9 2K -------------------------- */
@media only screen and (min-width:1921px) and (max-width: 2560px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	main {
		padding-top: 102px;
		margin: 0px 30em 20px 30em;
	}	
	

}


/* Pantalla 1920x1080 16:9 ----------------------------- */
@media only screen and (min-width:1681px) and (max-width: 1920px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	main {
		margin: 102px 20em 0px 20em;
	}

}


/* Pantalla 1680x1050 16:10 ---------------------------- */
@media only screen and (min-width:1367px) and (max-width: 1680px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	main {
		padding: 120px 5em 20px 5em;
	}	

}


/* Pantalla 1366x768 16:9 ------------------------------ */
@media only screen and (min-width:1281px) and (max-width: 1366px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	main {
		padding: 120px 5em 30px 5em;
	}	

	


}


/* Pantalla 1280x720 16:9 ------------------------------ */
@media only screen and (min-width:1025px) and (max-width: 1280px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	main {
		padding: 120px 1em 30px 1em;
	}	

	

}


/* Pantalla 1024x600 16:10 ----------------------------- */
@media only screen and (min-width:960px) and (max-width: 1024px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	main {
		padding: 120px 1em 30px 1em;
	}	

}


/* Tablet (< 959px) ------------------------------------ */
@media only screen and (min-width:768px) and (max-width: 959px) {
	
	.show-mobile { display:none !important; }
	.show-tablet { display:block !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:none !important; }
	.hide-screen { display:block !important; }	
	
	main {
		padding: 120px 1em 30px 1em;
	}		


}

/* Mobile (portrait) ----------------------------------- */
@media only screen and (max-width:767px) {

	.show-mobile { display:block !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:block !important; }

	main {
		padding: 120px 5px 30px 5px;
	}
	

	

}


/* Mobile (landscape) ---------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.show-mobile { display:block !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:block !important; }

	main {
		padding: 120px 10px 30px 10px;
	}	



}