*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media only screen and (max-width: 850px) 
{
    .navbar{
        width: 100%;
        max-height: max-content;
    
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    
        /* border: 1px solid red; */

        padding-left: 20px;
        padding-right: 20px;

        position: relative;
    }

    .navbar #nav-toggle-btn{
        display: block;

        position: absolute;
        top: 30px;
        right: 15px;

        font-size: 30px;

        z-index: 2;

        color: #0b4f0b;

        /* border: 1px solid red; */
    }

    .navbar .logo-container{
        width: 100%;
        height: 82px;
        
        display: block;
    
        /* border: 1px solid blue; */
    }

    .navbar .logo-container #logo-images img{
        width: 85%;
        height: 82px;
    }

    .navbar .logo-container #logo-images{
        width: 100%;
        height: 82px;

        /* border: 1px solid green; */
    }

    .navbar .logo-container #logo-images #round-logo{
        width: 25%;
        height: 82px;
    }

    .navbar .navigation{
        width: 100%;
        margin-top: 10px;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;

        overflow: hidden;
        max-height: 0;


        transition: .5s transform;

        transition: max-height 0.5s ease-in-out;

        /* border: 1px solid red; */
    }

    .navbar .navigation a:hover, .navigation a.active{
        transform: scale(1);
    }

    .navbar .expanded{
        max-height: 300px;
    }

    .navbar .navigation a{
        margin-top: 10px;
    }

    .navbar .quote{
        width: 100%;
        text-align: center;

        margin-top: 0px;
        margin-bottom: 0px;

        /* display: none; */
        opacity: 0;

        overflow: hidden;
        max-height: 0;

        transition: all .3s ease-in-out;
    }

    .navbar .expand-quote-btn{
        
        max-height: 100px;

        padding: 10px;

        margin-top: 10px;
        margin-bottom: 20px;
        
    }

    .navbar .quote a{
        padding: 0px;
        padding-left: 12px;
        padding-right: 12px;
    }
}