body{background-color:#1e7187;margin:0;padding:0;}
#spalt{position:absolute;width:40vw;height:auto;left:50%;top:50%;margin-left:-20vw;margin-top:-12vw;border:0px solid #fff;background-color:#1e7187;}
p{color:#FFF;font-family:verdana;font-weight:thin;font-size:8.0vw;line-height:1.6em;font-weight:normal;width:100%;text-align:center;margin:0;padding:0;}
p.undertext{font-size:1.2vw;width:30vw;text-align:left;margin-left:5vw;opacity:0.5;}
#ruta,#ruta2,#ruta3,#ruta4,#ruta5{display:block;width:100%;position:relative;height:auto;border:0px solid #fff;}
#logo{width:30vw;margin-left:5vw;margin-bottom:4vw;}

/* 320*/
@media screen and (min-width: 320px) {
	#spalt{position:absolute;width:90vw;height:auto;left:50%;top:50%;margin-left:-42vw;margin-top:-25vh;border:0px solid #fff;background-color:#1e7187;}
	p{color:#FFF;font-family:verdana;font-weight:thin;font-size:8.0vw;line-height:1.6em;font-weight:normal;width:100%;text-align:center;margin:0;padding:0;}
	p.undertext{font-size:3.1vw;width:80vw;text-align:left;margin-left:2.5vw;opacity:0.5;}
	#ruta,#ruta2,#ruta3,#ruta4,#ruta5{display:block;width:100%;position:relative;height:auto;border:0px solid #fff;}
	#logo{width:80vw;margin-left:0vw;margin-bottom:4vw;}
}
/* 360 */
@media screen and (min-width: 360px) {

}
/* 375 0.2 */
@media screen and (min-width: 375px) {

}
/* 667 0.35 */
@media screen and (min-width: 667px) and (min-height: 380px) {
	#spalt{position:absolute;width:60vw;height:auto;left:50%;top:50%;margin-left:-30vw;margin-top:-20vh;border:0px solid #fff;background-color:#1e7187;}
	p{color:#FFF;font-family:verdana;font-weight:thin;font-size:8.0vw;line-height:1.6em;font-weight:normal;width:100%;text-align:center;margin:0;padding:0;}
	p.undertext{font-size:2.3vw;width:60vw;text-align:left;margin-left:1.8vw;opacity:0.5;}
	#ruta,#ruta2,#ruta3,#ruta4,#ruta5{display:block;width:100%;position:relative;height:auto;border:0px solid #fff;}
	#logo{width:60vw;margin-left:0vw;margin-bottom:4vw;}
}
/* 768 0.4 */
@media screen and (min-width: 768px) and (min-height: 450px) {
	
}
/* 992 0.5*/ 
@media screen and (min-width: 992px) and (min-height: 550px) {
	#spalt{position:absolute;width:40vw;height:auto;left:50%;top:50%;margin-left:-20vw;margin-top:-25vh;border:0px solid #fff;background-color:#1e7187;}
	p{color:#FFF;font-family:verdana;font-weight:thin;font-size:8.0vw;line-height:1.6em;font-weight:normal;width:100%;text-align:center;margin:0;padding:0;}
	p.undertext{font-size:1.6vw;width:40vw;text-align:left;margin-left:1vw;opacity:0.5;}
	#ruta,#ruta2,#ruta3,#ruta4,#ruta5{display:block;width:100%;position:relative;height:auto;border:0px solid #fff;}
	#logo{width:40vw;margin-left:0vw;margin-bottom:3vw;}
}
/* 1024 0.5*/
@media screen and (min-width: 1024px) and (min-height: 550px) {
	
}
/* 1280 0.65 */
@media screen and (min-width: 1280px) and (min-height: 720px) {
	#spalt{position:absolute;width:30vw;height:auto;left:50%;top:50%;margin-left:-15vw;margin-top:-25vh;border:0px solid #fff;background-color:#1e7187;}
	p{color:#FFF;font-family:verdana;font-weight:thin;font-size:8.0vw;line-height:1.6em;font-weight:normal;width:100%;text-align:center;margin:0;padding:0;}
	p.undertext{font-size:1.1vw;width:29vw;text-align:left;margin-left:1vw;opacity:0.5;}
	#ruta,#ruta2,#ruta3,#ruta4,#ruta5{display:block;width:100%;position:relative;height:auto;border:0px solid #fff;}
	#logo{width:30vw;margin-left:0vw;margin-bottom:2vw;}
}
/* 1366 0.7 */
@media screen and (min-width: 1366px) and (min-height: 820px) {
	
}
/* 1440 0.75 */
@media screen and (min-width: 1440px) and (min-height: 900px) {

}
/* 1680 0.9 */
@media screen and (min-width: 1680px) and (min-height: 1000px) {

}
/* 1920 */
@media screen and (min-width: 1920px) and (min-height: 1100px) {

}
/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
	
}
/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 
		
}
/*iPad Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { 

}
/*iPad landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { 
	
}