@media (max-width: 800px){
    body{
        justify-content: center;
        align-items: center;
        padding-left: 0px;
    }
    .navbar{
        display: none;
    }
    .page, .page-container{
        width: 100vw;
        margin: 0;
    }
    .page-container{
        display: flex;
        justify-content: center;
    }
    .navbar-container{
        width: 380px;
        justify-content: space-between;
        margin: 10px;
    }
    .logo > img{
        width: 100px;
        height: 20px;
    }
    .menu{
        display: inline-block;
        margin-right: 10px;
        font-size: 20px;
    }
    
    .div1{
        scale: 0.83;
        margin-top: 20px;
    } 
    .div4, .div5, .div6{
        justify-content: center;
        align-items: center;
        scale: 0.8;
    }
    #shrink-img{
        width: 170px;
    }
    .div2{
        scale: 0.5;
        margin-top: 30px;
    }
    .div3{
        height: 300px;
        padding: 0;
        background-size: 200px 90px;
        margin-top: 30px 0;
    }
    .div3-container{
        gap: 0;
        scale: 0.9;
    }
    .methodology{
        width: 120px;
        margin: 0;
        scale: 0.8;
        padding: 0;
    }
    .methodology > a{
        margin-bottom: 0;
    }


    .div4{
        margin-top: 30px;
    }
    .div4-img{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .div4-text{
        scale: 0.8;
        padding: 0;
    }

    .div7{
        scale: 0.5;
    }

    .div8{
        height: 250px;
        margin: 0;
        padding-bottom: 60px;
    }
    .div8-page-container{
        scale: 0.5;
    }
    .div8-container{
        padding-left: 10px;
        gap: 0;
    }
    .div9{
        margin-top: 30px;
        padding: 0;
    }
    .div9-container{
        scale: 0.8;
    }
    .footer-container{
        height: 150px;
    }
    .footer-container > .sec1{
        scale: 0.5;
        padding: 0;
    }
    .footer-container > .sec2 > .sec2-container{
        scale: 0.8;
    }



    .menu:hover{
        cursor: pointer;
    }
    .menubar:hover .navbar{
        display: flex;
        position: absolute;
        width: 200px;
        top: 70px;
        left: 500px;
        flex-direction: column;
        align-items: flex-start;
        background-color: white;
        padding: 25px;
        border: 1px solid rgb(213, 202, 202);
        z-index: 1;
        left: 200px;
        top: 50px;
    }
}