main {
    padding-top: 8%;
}

.header_container {
    grid-template-columns: 2.5fr 2.5fr 1fr 1fr 1.5fr 1fr 1fr 1fr;
}

.logo {
    max-width: 30vw;
    grid-area: 1/1/3/4;
}

.ham_menu, .bar1, .bar2, .bar3 {
    width: 0%;
}

.ham_menu {
    grid-area: 1/7/3/-1;    
}

.navlink {
    display: inline-block;
    margin: 1%;
    padding: 1% 3%;
    justify-content: left;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 5px;
    text-align: center;

}

#mi1 {
    grid-area: 2/4/3/5;
}

#mi2 {
    margin-bottom: 0;
    grid-area: 2/5/3/6;
}

#mi3 {
    grid-area: 2/6/3/7;
}

#mi4 {
    grid-area: 2/7/3/8;
}

#mi5 {
    grid-area: 2/8/3/9;
}

#dd_e1, #dd_e2 {
    margin: 0;
    display: none;
}

.change#dd_e1 {
    display: inline-block;
    grid-area: 3/5/4/8;
    margin: 0;
    max-width: 250px;
}

.change#dd_e2 {
    display: inline-block;
    grid-area: 4/5/5/8;
    margin: 0;
    max-width: 250px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header_container {
        -ms-grid-columns: 2.5fr 2.5fr 1fr 1fr 1.5fr 1fr 1fr 1fr;
        background: #23436a;
    }
    .logo {
       -ms-grid-row: 1;
       -ms-grid-column: 1;
       -ms-grid-row-span: 2;
       -ms-grid-column-span: 3;
    }
    .ham_menu {
       -ms-grid-row: 1;
       -ms-grid-column: 8;
       -ms-grid-row-span: 2;
       -ms-grid-column-span: 1;
    }
    #mi1 {
       -ms-grid-row: 2;
       -ms-grid-column: 4;
    }
    #mi2 {
       -ms-grid-row: 2;
       -ms-grid-column: 5;
    }

    #mi3 {
       -ms-grid-row: 2;
       -ms-grid-column: 6;
    }

    #mi4 {
           -ms-grid-row: 2;
       -ms-grid-column: 7;
    }

    #mi5 {
        -ms-grid-row: 2;
    -ms-grid-column: 8;
 }

}