@media (max-width: 615px) {

    .navigation-wrapper {
        height: auto !important;
        padding: 20px;
        justify-content: center;
    }
    .navigation-wrapper > .center-column {
        width: 100%;
    }
    .navigation-wrapper > .center-column > .webpages {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }
    .navigation-wrapper > .center-column > .webpages > .logo {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .navigation-wrapper > .center-column > .webpages > .logo img {
        width: 140px;
        height: auto;
    }
    .navigation-wrapper > .center-column > .webpages > .links-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .navigation-wrapper > .center-column > .webpages > .links-wrapper > .nav-link {
        width: auto;
        text-align: center;
    }
    .navigation-wrapper > .center-column > .webpages > .links-wrapper > .nav-link a {
        display: block;
        padding: 8px 0;
        font-size: 1rem;
    }
}