@media only screen and (max-width: 1489px) {

    #mainNavBol1 {
        width: 450px;
    }

    #mainNavBol2 {
        width: 350px;
    }

}


  
@media only screen and (max-width: 1367px) {
    .header_desktop {
        column-gap: 10px;
    }

    .header_desktop a {
        font-size: 20px;
    }
  
}

@media only screen and (max-width: 1367px) {
    
    #mainNavBol1 {
        width: 300px;
    }

    #mainNavBol2 {
        width: 250px;
    }
  
}

@media only screen and (max-width: 1063px) {
    
    .logo_house_container {
        height: 75px;
        width: 70px;
    
    }
    .logo_text_container {
        height: 20px;
        width: 70px;
    }


    #mainNavBol1 {
        width: 100px;
    }

    #mainNavBol2 {
        width: 50px;
    }
  
}
  
  
  
@media only screen and (max-width: 855px) {
  
    /***HEADER***/
    /*#region*/

    .header_desktop {
        display: none;
    }

    #header_mobile {
        display: block;
        width: 100%;
        margin: auto;
        color: #003F96;
        border-radius: 10px;
    }

    .topnav {
        overflow: hidden;
        background-color: #fff;
        position: relative;
    }

    .logo_container {
        margin-left: 16px;
        align-items: start;
    }


    .topnav #myLinks {
        display: none;
    }

    .topnav #myLinks a {
        border-bottom: 1px solid #003F96;
    }

    .topnav #myLinks a:first-child {
        border-top: 1px solid #003F96;
    }

    .topnav a {
        color: #003F96;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
    }
    
    #myLinks {
        font-weight: bold;
    }

    .topnav a.icon {
        display: block;
        position: absolute;
        right: 0;
        top: 20px;
    }

    .topnav a.icon img{
        width: 32px;
    }
    /*#endregion*/

    #contactButton {
        display: none;
    }
   
  
}