/*
	? Copyright 2021
	
	Thrane.nu
	Spangevej 19
	DK-8700 Horsens
	Denmark
	
	https://thrane.nu
	
	Dette css-dokument (Cascading Style Sheet) er beskyttet	af
	copyright og de love, der anvendes til beskyttelse heraf.
	Brug af hele, eller dele af dette stylesheet er forbudt
	uden forudg?ende tilladelse fra Thrane.nu og m? kun anvendes
	med skriftlig godkendelse fra Thrane.nu.
*/

@font-face {
    font-family: 'strawfordbold';
    src: url('strawford-bold-webfont.eot');
    src: url('strawford-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('strawford-bold-webfont.woff2') format('woff2'),
         url('strawford-bold-webfont.woff') format('woff'),
         url('strawford-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

#Thrane {
	width: 24px;
	height: 24px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	background-image: url(/gfx/system/Thrane.png);
	background-color: #333;
	background-repeat: no-repeat;
	text-indent: -999999px;
	z-index: 750;
	background-position: 2px 2px;
	opacity: 0.5;
}
#Thrane:hover {
	opacity: 1.0;
}
@media only screen 
and (-webkit-min-device-pixel-ratio: 2) {
	#Thrane {
	background-image: url(/gfx/system/Thrane2x.png);
	background-size: 20px;
}
}


html, body {
	margin: 0px;
	height: 100%;
	font-size: 16px;
    background-color: rgba(0,0,0,1.00);
    color: rgba(255,255,255,1.00);
}
body {
	font-family: 'strawfordbold', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
table, p, form {
	margin: 0px;
}
a {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
a:hover {
	color: rgba(255,255,255,1.00);
	text-decoration: underline;
}
img {
	border-style: none;
}


#content {
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
}
#content .header {
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
    background-color: rgba(0,0,0,1.00);
    height: calc(100vh - 300px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#content .header img {
	width: 40vw;
}
#content .about {
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
    background-color: rgba(0,0,0,1.00);
    height: 300px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding-top: 1vw;
	text-align: center;
}



@media (orientation: landscape) {

	
#content .header {
    height: calc(100vh - 100px);
}
#content .about {
    height: 80px;
    position: relative!important;
}	
	
}




@media (max-width: 1199px) {	


#content .about {
	padding-top: 2vw;
}
#content .header img {
	width: 60vw;
}  
#content .contact {
	width: 60vw;
}
#content .contact > div{
	font-size: 2.2vw;
}
    
}




@media (max-width: 991px) {	

#content .about {
	padding-top: 2vw;
}
#content .header img {
	width: 60vw;
}  
#content .contact {
	width: 60vw;
}
#content .contact > div{
	font-size: 2.2vw;
}
    
    
    

}



@media (max-width: 599px) {	



#content .header {
    height: 80vh;
}
#content .header img {
	width: 80vw;
}
#content .about {
    height: 20vh;
	padding-top: 4vw;
	display: block;
}
#content .contact {
	width: 100vw;
}
#content .contact > div {
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	font-size: 3.2vw;
	height: auto;
	margin-top: 2vw;
}
    
}