/* map css */

#map {
	position: absolute;
	background-size: contain;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-top: 82px solid #fff; /* 82 */
	border-right: 500px solid #fff; /* 500 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	z-index: 0;
	}



/* --------------------------------------- */
/* TABLET - mediaqueries css */
/* --------------------------------------- */

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

	#map						{ border-right: 336px solid #fff; }

}

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

	#map						{ border-right: 304px solid #fff; }

}

/* notebooks, tablets */
@media only screen and (max-width: 1024px) and (orientation : landscape) {

	#map						{ border-right: 270px solid #fff; }

}