/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1279px) and (min-height: 340px) {

}

/* -- iPad --------------------------------------------- */
@media only screen and (max-width: 1025px) and (min-height: 340px) {

}

/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
	
}

/* --- widescreen laptop? --------------------------------------------- */
@media only screen and (max-height: 660px) and (orientation: landscape) {
	
}

/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
	#mainmenu { display: none; }
	#mobilemenu, #mobilemenu_container { display: block; }
}



/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {	
	body { font-size: 18px; }
	#intropopup { font-size: 25px; }
	
	#intro { padding-bottom: 70%; }
	
	.introtext .arrows { font-size: 30px;}
	.introtext .arrows .ic { margin-left: -15px;}
}

/* --- 480px --------------------------------------------- */
@media only screen and (max-width: 479px) and (orientation: portrait) {

}


/* --- 380px --------------------------------------------- */
@media only screen and (max-width: 380px) and (orientation: portrait) {
	
}

/* mobile LANDSCAPE ---------------------------------------------*/
@media only screen and (max-height: 320px) and (orientation: landscape) {

}