body {
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #EDF0F5;
    }

    * {
        box-sizing: border-box;
        font-family: "Rubik", sans-serif;
    }

    h1 {
        font-size: 20px;
        letter-spacing: 1.6px;
        font-weight: 300;
    }
    h2 {
        font-size: 69px;
        letter-spacing: -0.25px;
    }

/* NAV */
    nav {
        position: fixed;
        width: 100%;
        height: 62px;
        background-color: transparent;
        /* box-shadow: 0 4px 4px 0 #000;*/
        z-index: 2;
        padding: 0 40px;
    }
    nav a{
    color: #fff;
    text-decoration: none;
    margin: 0 30px;
    }
    #nav-left {
        width: 50%;
        float: left;
        display: flex;
        height: 62px;
        justify-content: left;
        align-items: center;
        
    }
  
    #nav-right {
        height: 62px;
        width: 50%;
        float: right;
        display: flex;
        justify-content: right;
        align-items: center;
    }
    #navbar svg path {
        fill:#fff;
       
    }

/* HEADER */
    #header-mobile {
        display: none;
        position: relative;
        overflow: hidden;
    }
        #header-mobile img{
        width: 100%;
    }
 
    #header-mobile h1{
        font-size: 16px;
        letter-spacing: 1.2px;
        font-weight: 500;
    }
    #header-mobile h2{
        font-size: 32px;
    }
    #header-txt-mobile {
        position: absolute;
        top: 10vw;
        left: 12vw;
        background-color: transparent;
        width: 80%;
        margin: auto;
        font-family: "Source Code Pro", monospace;
        color: #fff;
        text-align: left;
        padding: 40px 0px;
        z-index: 1;
    }

    header {
        position: relative;
        top: -100px;
        width: 100%;
        padding-top: 62px;
        overflow: hidden;
        z-index: 1;
    }
    #header-txt {
        position: absolute;
        top: 18vw;
        left: 18vw;
        background-color: transparent;
        width: 80%;
        margin: auto;
        font-family: "Source Code Pro", monospace;
        color: #fff;
        text-align: left;
        padding: 40px 0px;
        z-index: 1;
    }
    #header-img {
        width: 100%;
        overflow: hidden;
    }
    #header-img img,  #header-mobile img{
        width: 100%;
        margin: auto;
        
    }
    header h1 {
        font-size: 1.5vw;
        font-weight: 400;
        margin-left: 0px;
    }
    header h2 {
        font-size: 5vw;
        font-weight: 500;
    }

/* MAIN */
    main {
        position: relative;
        width: 100%;
        top: -100px;
        padding: 40px 0 0;
        
    }
    main img{
        width: 100%;
    height: auto;

    }

    .section-wrapper-full {
        width: 100%;
        margin: 60px auto;
    }

    .section-wrapper {
        width: 80%;
        margin: 100px auto;

    }
    .content-mid {
        width: 60%;
        margin: 100px auto;
        text-align: center;
        padding: 40px;
    }

/* TOP SECTION INFO OG KONTAKT - UNDER HEADER > content wrapper > p - button */
    #main-top {
        width: 100%;
        letter-spacing: .08em;
        font-weight: 300;
        font-size: 20px;
        color: #141414;
        background-color: #fff;
        line-height: 1.4em !important;  
    }
    #main-top .content-wrapper{
        width: 70%;
        margin: auto;
        padding: 40px;

    }
    #main-top button{
        border: 1px solid #fff;
        background-color: #11182B;
        color: #fff;
        padding: 20px 40px;
        cursor: pointer;
    }
    #main-top h3{
        font-size: 52px;
    }

/* MAIN SECTION - IMAGES AND TEXT - JS ANIMATION ON SCROLL AND ON HOVER IMAGE */
    #s2-header {
        width: 100%;
        padding: 0px;
        margin-bottom: 80px;
    }
    #s2-header h3{
        font-size: 2.2vw;
        font-weight: 700;
        letter-spacing: 3px;
    }
    #main-section {
       width: 80%;
        margin: 40px auto 0px;
        padding: 20px 40px;
    }
    .ms {
        width: 100%;
        margin: 80px auto 60px;
        display: flex;
        justify-content: space-between;
     
    }
  
    .image-box{
        width: 50%;
        overflow: hidden;
        box-shadow: 4px 4px 6px 0 #888;
        height: 27vw;
        
    }
    .image-box img{
        width: 100%;
        position: relative;
        top: -9vw;
    }
    .text-desktop {

    }
    .text-mobile {
        display: none;
    }
    .text-box{
        width: 45%;
        font-size: 16px;
        margin-bottom: 40px;
        position: relative;
        top: 0;
    }
    .text-box p{
        font-size: 16px;
       color: #333;
        line-height: 1.8;
        letter-spacing: .08em;
    }
    .right-text{
    text-align: left;
    }
    .left-text{
        text-align: right;
    }
    .text-box-deco {
        width: 10%;
        height: 1px;
        background-color: #888;
    }
    .text-box h3{
        font-size: 2.4vw;  
        color: #141414;
        font-weight: 700;
        margin-top: 14px;
    }

/* SEKSJON MED HOVER ELEMENTS (section-wrapper-full over) */
    .section-bottom  {
        width: 100%;
        margin: auto;
        color: #fff;
        background-color: #EDF0F5;
        
    }
    #cwb {
        position: relative;
        width: 100%;
        margin: auto;
        padding: 40px 80px;
        background-color: #11182B;
        opacity: 1;  
        

    }
    .hover-container {
       
        background-size: cover;
        background-repeat: no-repeat;
    }
    #cwb-hover-container-1 {
        background-image: url("/assets/bc1.webp");
    }
    #cwb-hover-container-2 {
        background-image: url("/assets/bc2.webp");
    }
    #cwb-hover-container-3 {
        background-image: url("/assets/bc3.webp");
    }
    #cwb-hover-container-1, #cwb-hover-container-2, #cwb-hover-container-3 {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s linear;
    }
    .bc-txt-container {
        position: relative;
        z-index: 100;
        display: flex;
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
        align-items: baseline;
        justify-content: space-between;
        padding: 40px;
    }
    .bc-txt-container h2{
        width: 30%;
        margin-top: 16px;
        font-size: 2.4vw; 
        font-weight: 700;
        padding: 0px 20px;
        word-wrap: break-word;
    }
    .bc-txt-container .bc-list{
        width: 70%;
    }
  
    .section-bottom p {
        line-height: 1.5;
        letter-spacing: .08em;
        font-weight: 300;
        margin-bottom: 4px;
        opacity: 0.9;
    }
 
    .section-bottom h3{
        padding: 40px 0;
        font-weight: 300;
        letter-spacing: 5.5872px;
        position: relative;
        z-index: 2;
    }
    #sb-mobile {
    display: none;
    }
    #bc2::before,  #bc3::before{
        content: " ";
        width: 90%;
        top: 0;
        background-color: #fff;
        height: 0.2px;
        position: absolute;
        opacity: 0.3;

    }
 
/* KONTAKT NEST NEDERST */
    .contact-content {
            background-color: #EDF0F5;
            display: block;
            width: 60%;
            margin: auto;
            padding: 60px;
        
    }
    .contact-content h3{
        margin-bottom: 60px;
        font-size: 22px;
        text-align: left;
        font-weight: 600;
        letter-spacing: 2px;
    }
    .contact-content form{
        width: 100%;
        margin: auto;
     }
     .input-wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
     }
     .contact-content input[type=text], .contact-content input[type=email]{
        width: 49%;
        padding: 20px;
        background-color: #EDF0F5;
        border-style:solid;
        border-color:#717a8f;
        border-width: 1.5px;
    }
    .contact-content textarea{
        width: 100%;
        padding: 20px;
        background-color: #EDF0F5;
        border-style:solid;
        border-color:#717a8f;
        border-width: 1.5px;
       

    }
    .contact-content input[type=submit]{
        background-color: #11182B;
        color: #fff;
        border: none;
        padding: 20px 40px;  
    }
    .contact-content textarea{
       resize: none;
}

/* FOOTER */
    footer {
        background-color: #11182B;
        position: relative;
        padding: 20px;
        
    }
      footer p{
        color: #fff;
        
    }