@media only screen and (max-width: 600px) {
 

    .access-header-container div:first-child{
        display: none;
    }

    .access-header-container div:last-child{
        display: none;
    }
    

    .access-section{
        padding: 100px 20px;
    }

    .access-div{
        padding: 20px;
    }

    .header-container{
        justify-content: center;
    }

    .nav-div{
        display: none;
    }


    .main-container{
        flex-direction: column;
        gap: 50px;
        padding: 48px 20px;
    }

    .main-left{
        width: 100%;
    }

    .main-right{
        width: 100%;
        padding: 20px 20px 30px;
    }

    .main-right div{
        flex-direction: column;
        align-items: flex-start;
    }

    .main-right div div{
        flex-direction: row;
    }

    .second-container{
        padding: 48px 20px;
    }

    .second-container h2{
        margin-bottom: 30px;
    }

    .about{
        flex-direction: column;
    }

    .about-container{
        width: 100%;
    }
}