/*----- desktop -----*/

@media (min-width: 769px) {

    .logo-desktop {
        display: block;
    }

    .logo-mobile {
        display: none;
    }
}

/*----- mobile -----*/

@media (max-width: 768px) {

    main {
        margin-top: 77px;/* for fixed header */
    }

    .desktop-navigation-header {
        display: none;
    }

    .mobile-navigation-header {
        display: none;
    }

    .mobile-navigation-header.active {
        display: flex;
    }

    .hamburger {
        display: flex;
    }

    .logo-desktop {
        display: none;
    }

    .logo-mobile {
        display: block;
    }


    footer {
        display: none;
    }

    /*
    footer {
        background-color: #007BFF;
        color: white;
        padding: 10px 0;
        text-align: center;
    }

    footer .navigation-container {
        display: none;
    }
    */
}

/*
@media (min-width: 769px) {

    .logo-desktop {
        display: block;
    }

    .logo-mobile {
        display: none;
    }
}
*/