body{
    margin: 0;
    padding: 0;
}
.header{
        position: fixed;
}

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Lexend+Deca:wght@100..900&display=swap');
h1{
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: normal;
}
h2{
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: normal;
}
h3{
    
  font-family: "Crimson Text", serif;
  font-weight: 500;
  font-style: normal;
}
p{

  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

@media screen and (min-width: 0px) {
    img{
        width: 100%;
        aspect-ratio: 1/1;
        object-fit: cover;
    }
    .header{
        display: none;
        height: 75px;
        width: 100%;
        background-color: #ffffffa0;
        position: fixed;
        z-index: 10;
    }
    .header_logo{
        width: 75px;
    }
    .fa-bars{
        float: right;
        padding-right: 15px;
        margin-top: -60px;
        font-size: 35px;
    }
    .drDn{
        display: none;
        list-style-type: none;
        background-color: #ffffffa0;
        padding: 5%;
        float: right;
        width: fit-content;
        margin-right: 2%;
        margin-top: -5%;
    }
    .fa-bars:hover~.drDn{
        display: block;
    }
    .menu_punkt{
        text-decoration: none;
        color: black;
        font-size: 25px;
    }
    .landing{
        position: relative;
    }
    .landing_text{
        text-align: center;
        color: #ffffff;
        font-size: 40px;
        width: 100%;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .landing_img{
        aspect-ratio: 3/4;
    }
    .cta{
        text-align: center;
        color: #ffffff;
        font-size: 15px;
        margin: 2%;
        background-color: #898030;
        padding: 2%;
        right: 5%;
        left: 5%;
    }   
    .cta_top{
        position: absolute;
        margin-top: -120px;
    }
    h2{
        font-size: 30px;
        text-align: center;
        color: #ffffff;
    }
    p{
        font-size: 25px;
        color: #ffffff;
    }
    .block{
        margin: 0;
        padding: 5%
    }
    .find{
        background-color: #D7AD9F;
    }
    .bestil{
        background-color: #7B9D84;
    }
    .kurser{
        background-color: #BBA3C5;
    }
    .kursusImg1{
        display: none;
    }
    .kursusImg2{
        display: none;
    }
    .galleri{
        background-color: #D7AD9F;
    }
    .om{
        background-color: #7B9D84;
    }
    .omImg{
        object-position: top;
    }
    a{
        text-decoration: none;
        color: black;
    }
    footer{
        padding: 5%;
    }
    .footer_title{
        font-size: 20px;
    }
    .footer_text{
        font-size: 20px;
        color: black;
    }
    .fa-brands{
        font-size: 40px;
        float: right;
        margin: 5%;
    }
    .fa-instagram{
        display: none;
    }
}
@media screen and (min-width: 700px) {
    .header{
        height: 120px;
    }
    .header_logo{
        width: 120px;
    }
    .landing{
        padding-top: 120px;
    }
    .cta_top{
        margin-top: -250px;
    }
    .cta{
        font-size: 25px;
    }
    .fa-bars{
        margin-top: -85px;
        font-size: 45px;
    }
    .landing_text{
        font-size: 60px;
    }
    .landing_img{
        height: 850px;
    }
    .blockImg{
        width: 100%;
        aspect-ratio: 3/1;
    }
    .kursusImgs{
        display: inline-block;
        width: 60%;
        margin: 0 20% 0 25%;
    }
    .kursusImg{
        display: inline-block;
        width: 25%;
        margin: 0 2% 0 2%;
    }
    h2{
        font-size: 50px;
    }
    p{
        font-size: 30px;
    }
    .kursusImg{
        display: inline-block;
    }
    .kursusImg1{
        display: inline-block;
    }
    .kursusImg2{
        display: inline-block;
    }
    .galleri{
        padding: 3%;
    }
    .galImg{
        display: inline-block;
        width: 330px;
        height: 330px;
        margin-top: 1%;
    }
    .omImg{
        object-position: center;
    }
    .right{
        float: right;
    }
}
@media screen and (min-width: 750px) {
    .galImg{
        width: 350px;
        height: 350px;
        margin-top: 3%;
    } 
    .cta_break{
        display: none;
    }
}
@media screen and (min-width: 800px) {
    .left{
        margin-left: 3%;
    }
    .right{
        margin-right: 3%;
    }
}
@media screen and (min-width: 900px) {
    .galImg{
        width: 400px;
        height: 400px;
    }
    .cta{
        font-size: 35px;
    }
}
@media screen and (min-width: 1050px) {
    .header{
        height: 75px;
    }
    .header_logo{
        width: 75px;
    }
    .landing{
        padding-top: 75px;
    }
    .landing_img{
        height: 700px;
    }
    .fa-bars{
        display: none;
    }
    ul, li{
        display: inline;
    }
    .header{
        display: block;
    }
    .drDn{
        display: inline-block;
        margin: -55px 0 0 0;
        padding: 0;
        background-color: transparent;
        width: 100%;
        text-align: right;
    }
    .menu_punkt{
        margin-right: 2%;
    }
    .galImg{
        width: 250px;
        height: 250px;
        margin: auto;
    }
    .right{
        float: none;
    }
    #spaceven{
        width: 80%;
        margin: 0 13% 0 13%;
    }
}
@media screen and (min-width: 1100px) {
    .galImg{
        width: 275px;
        height: 275px;
    }
}
@media screen and (min-width: 1200px) {
    .galImg{
        width: 300px;
        height: 300px;
    }
}