/* responsiv */	

@media (max-width:448px) {
.title{
width: 100%;height: 200px;
left: 0%;margin-left: 0px;
top: 50%;margin-top: -100px;
}
.box-1column{width:100%;margin-left: 0;margin-right: 0;margin-bottom:100px;}
.box-2column{width: 100%;float: left;box-sizing:border-box;border: solid 0px transparent;}
.box-tagline{font-size: 170%;}
.content-about {height:700px;}
#skrollr-body {font-size: 80%;
}
	
.content-about {height:700px;}
.content-menu {height:auto;}
.content-access {height:1300px;}
.content-reserve{ height:400px;}
	
.a{position: absolute;z-index:1;left: 50px;top: 50px;width: 20%; overflow: hidden;}
.b{position: absolute;z-index:1;right: 50px;bottom: 50px;width: 20%; overflow: hidden;}
.r{position: absolute;z-index:1;left: 50px;top: 50px;width: 20%; overflow: hidden;}
.i{position: absolute;z-index:1;right: 50px;bottom: 50px;width: 20%; overflow: hidden;}
.l{position: absolute;z-index:1;left: 50px;top: 50px;width: 20%; overflow: hidden;}
.e{position: absolute;z-index:1;right: 50px;top: 50px;width: 20%; overflow: hidden;}
}

@media (min-width:449px) {
.title{
width: 100%;height: 200px;
left: 0%;margin-left: 0px;
top: 50%;margin-top: -100px;
}
.box-1column{width:100%;margin-left: 0;margin-right: 0;margin-bottom:100px;}
.box-2column{width: 100%;float: left;box-sizing:border-box;border: solid 0px transparent;}
.box-tagline{font-size: 170%;}
.content-about {height:700px;}
#skrollr-body {font-size: 100%;}
	

	
.a{position: absolute;z-index:1;left: 50px;top: 50px;width: 20%; overflow: hidden;}
.b{position: absolute;z-index:1;right: 50px;bottom: 50px;width: 20%; overflow: hidden;}
.r{position: absolute;z-index:1;left: 30%;top: 100px;width: 20%; overflow: hidden;}
.i{position: absolute;z-index:1;right: 30%;bottom: 100px;width: 20%; overflow: hidden;}
.l{position: absolute;z-index:1;left: 50px;top: 50px;width: 20%; overflow: hidden;}
.e{position: absolute;z-index:1;right: 50px;top: 50px;width: 20%; overflow: hidden;}
	
}
	
@media (min-width: 768px){
.title{
width: 100%;height: 200px;

top: 50%;margin-top: -200px;
z-index: 2;
position: absolute;
text-align: center;

translateX(-50%);	
}

.box-1column{width: 700px;margin-left: auto;margin-right: auto;margin-bottom:100px;}
.box-2column{width: 50%;float: left;box-sizing:border-box;border: solid 25px transparent;}
	
	
	
.a{position: absolute;z-index:1;left: 50px;top: 50px;width: 20%; overflow: hidden;}
.b{position: absolute;z-index:1;right: 50px;bottom: 50px;width: 20%; overflow: hidden;}
.r{position: absolute;z-index:1;left: 30%;top: 100px;width: 20%; overflow: hidden;}
.i{position: absolute;z-index:1;right: 30%;bottom: 100px;width: 20%; overflow: hidden;}
.l{position: absolute;z-index:1;left: 50px;top: 50px;width: 20%; overflow: hidden;}
.e{position: absolute;z-index:1;right: 50px;top: 50px;width: 20%; overflow: hidden;}

}


	
@media (min-width: 1024px){

.box-1column{width: 900px;margin-left: auto;margin-right: auto;margin-bottom:100px;}
	
.a{position: absolute;z-index:1;left: 50px;top: 0px;width: 10%; overflow: hidden;}
.b{position: absolute;z-index:1;right: 50px;bottom: 0px;width: 10%; overflow: hidden;}
.r{position: absolute;z-index:1;left: 30%;top: 100px;width: 10%; overflow: hidden;}
.i{position: absolute;z-index:1;right: 30%;bottom: 100px;width: 10%; overflow: hidden;}
.l{position: absolute;z-index:1;left: 50px;top: 0px;width: 10%; overflow: hidden;}
.e{position: absolute;z-index:1;right: 50px;top: 0px;width: 10%; overflow: hidden;}

}