@media screen and (min-width: 1000px) {
    .bc-txt-container {
        width: 80%;
        padding: 40px;
       
    }
}
@media screen and (min-width: 1100px) {
    .bc-txt-container {
        width: 70%;
        padding: 40px;
       
    }
}
@media screen and (max-width: 800px) {
    .bc-txt-container {
        width: 100%;
        padding: 40px;
       
    }
}
@media screen and (max-width: 750px) {
    body {
        max-width:100%;
    }
    .hover-circle{
        display: none;
        transform: none;
    }
    nav {
        padding: 0 10px;

    }
    nav a{
        margin: 0 10px;
     }
    main {
        top: 0;
    }
    header {
        display: none;
    }
    #header-mobile {
        display: block;
    }
 
    .section-wrapper-full {
        margin: 0px auto;
    }
 
    #main-top {
        font-size: 16px;
    }
    #main-top .content-wrapper{
        width: 100%;
        padding: 20px 40px 40px;
    }
    .text-desktop {
        display: none;
    }
    .text-mobile {
        display: block;
        text-align: left;
    }
    .text-box-deco {
        display: none;
    }
    #main-section {
        width: 90%;
        padding: 0px 0px 20px;
    }
    #s2-header {
        width: 100%;
        padding: 0px;
        margin-bottom: 20px;
    }
    #s2-header h3{
        font-size: 20px;
    }
    .ms {
        width: 100%;
        margin: 40px auto;
        flex-wrap: wrap;
        height: auto;
    }
    #main-3.ms {
        margin-bottom: 0px;
    }
    .image-box{
        width: 100%;
        box-shadow: none;
        height: 64vw;
    }
    .text-box{
        width: 100%;
        margin-bottom: 0px;
        top: 0px;
        padding: 20px;
        background-color: #fff;
    }
    .text-box p {
        font-size: 16px;
        color: #000;
        line-height: 1.5;
        letter-spacing: unset;
    }
    .text-box h3{
        font-size: 20px;
    }
    .section-wrapper {
        width: 90%;
    }
    #sb-mobile {
        display: block;
        margin-top: 40px;
    }
    #sb {
        display: none;
    }
   
    /* SECTION HVA VI GJØR */
    .section-bottom .content-wrapper {
        padding: 0px;
    }
    .section-bottom .content {
        display: block;
        width: 100%;
        padding: 20px;
    }
    .section-bottom h3 {
       color: #162b35;
       padding-top: 20px;
    }
    .section-bottom .content h2{
        font-size: 22px;
        position: relative;
        top: 40px;
        opacity: 0;
        transition: top 0.5s linear, opacity 1.5s linear; 
    }
    .section-bottom .content .bc-list{
        position: relative;
     
    }
    .section-bottom .content .bc-list p{
        position: relative;
        right: -200px;
        opacity: 0;
        transition: right 0.5s linear, opacity 1.5s linear; 
        transition-delay: 0.5s;
    }
    #bc1-mobile {
        background-image: url("/assets/bc1.webp");
        background-size: cover;

    }
    #bc2-mobile {
        background-image: url("/assets/bc2.webp");
        background-size: cover;
    }
    #bc3-mobile {
        background-image: url("/assets/bc3.webp");
        background-size: cover;
    }
      #bc1-mobile, #bc2-mobile, #bc3-mobile{
        max-width: 100%;
        overflow: hidden;
    }

   /* SECTION KONTAKT */
    .contact-content {
        background-color: #fff;
        display: block;
        justify-content: space-between;
        width: 100%;
        margin: 0px auto;
        padding: 40px;
    }
    .input-wrapper {
        display: block;
        margin-bottom: 20px;
     }
     .contact-content input[type=text], .contact-content input[type=email]{
        width: 100%;
        margin: 10px 0px;
    }
}