@media (min-width: 768px) {

    .main-menu {

        position: static;

        width: auto;
        height: auto;

        background: transparent;

        flex-direction: row;

        padding-top: 0;

    }

    .menu-toggle {
        display: none;
    }

    .main-areas {

        grid-template-columns: repeat(2, 1fr);

        max-width: 1400px;

        margin: auto;

    }

}

@media (min-width: 1200px) {

    .main-areas {
        grid-template-columns: repeat(4, 1fr);
    }

}