/* CSS Document */

#header_container {display: none; }
#content .fullscreen.first {margin-top: 0}
.fullscreen:first-child {
  min-height: calc(100vh - 51px);
}
#tom { position: fixed; top: 25px; left: 30px; z-index: 9; }
#tom  span { display:block; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); }
#tom .brand {font-size: 52.1px;}
#tom .name {font-size: 40.6px;}
#tom .phone {font-size: 29.3px;}
#tom .email {font-size: 29px;}
#tom .email a, #tom .phone a {color: #FFF!important; font-weight:normal!important;}

#footer_container {
    display: none;
}
#tomtekst {padding-left: 100px;}

/*nwe arrow */
			.jssora22l, .jssora22r {
				display: block;
				position: absolute;
				/* size of arrow element */
				width: 50%;
				height: 100%;
				cursor: pointer;
				background:  url(https://www.fotomatic.nu/common/png/a22.png) center center no-repeat;
				overflow: hidden;
				transform: scale(1)!important;
			}
			.jssora22l { background-position: -10px -31px; }
			.jssora22r { background-position: -70px -31px; }
			.jssora22l:hover { background-position: -130px -31px; }
			.jssora22r:hover { background-position: -190px -31px; }
			.jssora22l.jssora22ldn { background-position: -250px -31px; }
			.jssora22r.jssora22rdn { background-position: -310px -31px; }
@media (max-height: 480px) {
/*#slider33_para, #slider33_para div { height: 375px!important}*/
body {
	width: 71%;
	margin: 0 auto;
	background-color: #000;
}
#content {background-color: #FFF };
}


@media (max-height: 480px) {
	body {width: 72%;}
	#tom {
		transform-origin: top left;
		transform: scale(0.7);
		top: 20px!important;
		left: 140px!important;
	}
}
@media (max-height: 480px) and (max-width: 740px) {
	body {width: 75%;}
	#tom {
		transform-origin: top left;
		transform: scale(0.7);
		top: 20px!important;
		left: 115px!important;
	}
}
@media (max-height: 480px) and (max-width: 667px) {
	body {width: 87%;}
	#tom {
		transform-origin: top left;
		transform: scale(0.7);
		top: 20px!important;
		left: 65px!important;
	}
}
@media (min-height: 481px) and max-width: 768px) {
	#tom {
		transform-origin: top left;
		transform: scale(0.8);
	}	
	
}

@media only screen and (min-height: 481px) and (max-width: 480px) {
	#tom {
		transform-origin: top left;
		transform: scale(0.6);
		top: 10px!important;
		left: 10px!important;
	}
	#tomtekst {padding-left: 60px;}
	body {
    	font-size: 16px !important;
	}
	.fullscreen {

    /*min-height: inherit!important;*/
	}
}