@media only screen and (max-width: 1024px) {
    .mobile-menu{
        display: none;
    }   
}

@media only screen and (max-width: 850px) {
    .mobile-menu{
        display: block;
    } 

    .nav-bar{
        flex-direction: column;
    }
    .nav-link{
        display: none;
    }

    #logo{
        align-self: center;
    }

    #header-logo{
        height: 7rem;
        width: auto;
    }
}

@media only screen and (max-width: 650px) {
    .mobile-menu{
        display: block;
    }

    .nav-bar{
        flex-direction: column;
    }
    .nav-link{
        display: none;
    }

    #logo{
        align-self: center;
    }

    #header-logo{
        height: 5rem;
        width: auto;
    }

    .footer-grid{
        max-width: 100%;
    }

    .footer-logo{
        height: 3rem;
        width: auto;
        align-self: flex-start;
    }

    .footer-logo-text{
        height: 0.5rem;
        width: auto;
        margin-bottom: 0.5rem;
        align-self: flex-start;
    }

    #footer-body{
        padding: 3rem 0rem;
    }

    #nav-links{
        display: none;
    }

    #footer-contact p{
        font-size: 0.5rem;
        margin: 0.2rem;
    }

    .dynamicdate{
        font-size: 0.5rem;
        margin: 0;
        margin-top: 1rem;
    }

    #footer-right-block{
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-content: right;
    }
    .social-links p{
        font-size: 0.5rem;
        margin: 0.5rem;
    }

    #copyright{
       justify-content: end;
    }

    #footer-body{
        padding-left: 2rem;
        padding-right: 2rem;
    }

    #return-top{
        display: none;
    }
}