@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {background:#244150; margin:0; padding:0;}

.tlo_logo {width: 90%; height: calc(100dvh - 30dvh); margin: 15dvh auto; display:flex; flex-wrap:wrap;}
.logo {width: 100%; text-align:center}
.logo img {max-width:100%; height:auto;}
.tekst {width: 100%; text-align: center; font-family: 'Open Sans'; color: white; font-size: 17px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02rem;}
.tekst_1 {width: 100%; text-align: center; font-family: 'Open Sans'; color: white; font-size: 17px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02rem; margin-top:1.5rem;}
.tekst_2 {width: 100%; text-align: center; font-family: 'Open Sans'; color: white; font-size: 15px; font-weight: 500; letter-spacing: 0.02rem; padding-top:.2rem;}
.tekst_3 {width: 100%; text-align: center; font-family: 'Open Sans'; color: white; font-size: 15px; font-weight: 500; letter-spacing: 0.02rem; padding-top:.2rem;}
.telefon {color:white; text-decoration:none; font-weight: 300;}
.mail {color:white; text-decoration:none; text-transform:lowercase; font-weight: 300;}

@media (max-height: 1400px) {
.tlo_logo {height: calc(100dvh - 60dvh); margin: 30dvh auto;}
}

@media (max-height: 1080px) {
.tlo_logo {height: calc(100dvh - 50dvh); margin: 25dvh auto;}
}

@media (max-height: 800px) {
.tlo_logo {height: calc(100dvh - 40dvh); margin: 20dvh auto;}
}


@media (max-height: 600px) {
.tlo_logo {height: calc(100dvh - 28dvh); margin: 14dvh auto;}
}

@media (max-height: 540px) {
.tlo_logo {height: calc(100dvh - 20dvh); margin: 10dvh auto;}
}