/*
	© 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.
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600;700;900&display=swap');

#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(112,156,170,1.00);
    color: rgba(255,255,255,1.00);
}
body {
	font-family: 'Montserrat', 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(112,156,170,1.00);
    height: calc(100vh - 420px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#content .about {
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
    background-color: rgba(62,96,111,1.00);
    height: 420px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 50%;
}
#content .contact {
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
    background-color: rgba(25,52,65,1.00);
    height: 420px;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 50%;
}
#content .header h1 {
    color: rgba(25,52,65,1.00);
	font-weight: 900;
	font-size: 4.6vw;
    text-transform: uppercase;
    margin: 0;
}
#content .header h2 {
    color: rgba(255,255,255,1.00);
	font-weight: 600;
	font-size: 2vw;
    margin: 0.5vw 0 0 0;
}
#content .about > div,
#content .contact > div {
    padding: 35px 55px 55px 55px;
    line-height: 1.6;
}
#content .about h2,
#content .contact h2 {
    margin: 0 0 10px 0;
	font-weight: 900;
	font-size: 36px;
    text-transform: uppercase;
}
#content .about strong {
	font-weight: 600;
}


#content .contact .flexwrap {
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    border-top: 1px solid rgba(62,96,111,1.00);
    padding: 10px 0;
}
#content .contact .flexwrap:first-of-type {
    border-top: 0 none rgba(62,96,111,1.00);
    padding: 0 0 10px 0;
}
#content .contact .flexwrap > div {
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
}
#content .contact .flexwrap .name {
	font-weight: 700;
    text-transform: uppercase;
}
#content .contact .flexwrap .info {
    text-align: right;
}







@media (max-width: 1199px) {	

#content .header h1 {
	font-size: 5.6vw;
}
#content .header h2 {
	font-size: 2.5vw;
}
    
    
}




@media (max-width: 991px) {	

#content .header {
    height: 40vw;
}
#content .header h1 {
	font-size: 6.6vw;
}
#content .header h2 {
	font-size: 3.0vw;
}
#content .about {
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
    height: inherit;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
}
#content .contact {
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
    height: inherit;
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
}   
    
    
    

}



@media (max-width: 599px) {	


#content .header {
    height: 50vw;
}

#content .header h2 {
	font-size: 3.5vw;
}    
#content .about > div,
#content .contact > div {
    padding: 25px 25px 35px 25px;
    line-height: 1.6;
}   

#content .contact .flexwrap > div {
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
}   
    
}