/* Resolution adjustments */
@media (max-width: 1600px) {
    .page-header-navbar, #page-footer .navbar { 
        width: 100%;
    }    
}

@media (max-width: 1300px) {
    .page-header-navbar, #page-footer .navbar { 
        width: 100%;
    }    
}

@media (max-width: 1000px) {
    .page-header-navbar, #page-footer .navbar { 
        width: 100%;
    }    
}

@media (max-width: 700px) {
    .page-header-navbar, #page-footer .navbar { 
        width: 100%;
    }
    #page-footer {
        margin-bottom: 35px;
    }
}

@media (max-width: 500px) {
    .page-header-navbar, #page-footer .navbar { 
        padding: 5px 10px; /* Adjust padding as needed */
    }
    #page-footer {
        margin-bottom: 45px;
    }
}

@media (max-width: 320px) {
    .page-header-navbar, #page-footer .navbar { 
        padding: 5px; /* Adjust padding as needed */
    }
}

/* Remove top space for fixed navbars */
.navigation-top.fixed {
    top: 0 !important;
}

/* Fade in */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}