@media(max-width:768px) {
    .basemap {
        height: initial !important;
    }
    .styling-container {
        padding:0 !important;
    }
    #btnNextSteps {
        position:initial !important;
        width:100% !important;
    }
    #mobile_menu {
        display:block !important;
    }
    .legend_1 {
        display:none !important;
    }
    .second-map {
        width:100% !important;
    }
    .flex-nav-container {
        flex-direction: column;
        justify-content: center;
    }
    .div7 {
        display: block !important;
    }

    .expanding-menu {
        right: 0;
        width: auto;
    }

    .legend-mobile{
        color: #05c9b5 !important;
        background-color: #f5f7f8 !important;
        font-size: 14px;
        font-family: "PT Sans", sans-serif;
    }

    .div1 {grid-area: 1 / 1 / 1 / 6; }
    .div2 {grid-area: 3 / 1 / 3 / 6; }
    .div3 {grid-area: 2 / 1 / 2 / 6; }
    .div4 {grid-area: 6 / 1 / 6 / 6; }
    .div5 {grid-area: 5 / 1 / 5 / 6; }
    .div6 {grid-area: 7 / 1 / 7 / 6; } 
    .div7 {grid-area: 4 / 1 / 4 / 6; } 
}