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

    .nav-list {
        flex-direction: column;
    }

    .navbar{
        height: 478px;
        flex-direction: column;
        transition: all 0.7s easa-out;
    }

    .rightNav{
        text-align: center;
    }

    #search{
        width: 100%;
    }

    .burger{
        display: block;
    }

    .h-nav-resp{
        height: 72px;
    }

    .v-class-resp{
        opacity: 0;
    }

    .box-main{
        flex-direction: column-reverse;
        /* padding-top: 2000px; */
    }

    .text-big{
        padding-top: 20px;
    }

    .section{
        flex-direction: column-reverse;
        padding-top: 330px;
        /* padding-bottom: 800; */
    }

    .section-left{
        flex-direction: column-reverse;
        padding-top: 330px;
        /* padding-bottom: 300px; */
    }

    .firstSection{
        padding-top: 200px;
    }

    .secondHalf img{
        width: 100px;
        /* align-items: center; */
        /* text-align: center; */
        margin-right: 10px;
    }

    .contact{
        padding-top: 350px;
        padding-bottom: 200px;
        height: 20vh;
        background-color: white;
    }

    .form{
        padding-top: 0px;
    }
}

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

    .nav-list {
        flex-direction: column;
    }

    .navbar{
        height: 312px;
        flex-direction: column;
        transition: all 0.7s easa-out;
    }

    .rightNav{
        text-align: center;
    }

    #search{
        width: 100%;
    }

    .burger{
        display: block;
    }

    .h-nav-resp{
        height: 72px;
    }

    .v-class-resp{
        opacity: 0;
    }

    .box-main{
        flex-direction: column-reverse;
        /* padding-top: 2000px; */
        max-width: 100%;
    }

    .text-big{
        padding-top: 20px;
    }

    .section{
        flex-direction: column-reverse;
        padding-top: 350px;
        /* padding-bottom: 800; */
        max-width: 100%;
        text-align: center;
    }

    .section-left{
        flex-direction: column-reverse;
        padding-top: 550px;
        padding-bottom: 200px;
        max-width: 100%;
        text-align: center;
    }

    .firstSection{
        padding-top: 200px;
    }

    .secondHalf img{
        width: 100px;
        /* align-items: center; */
        /* text-align: center; */
        margin-right: 10px;
    }

    .contact{
        padding-top: 350px;
        padding-bottom: 200px;
        height: 20vh;
        background-color: white;
    }

    .form{
        padding-top: 0px;
        max-width: 80%;
        padding-bottom: 30px;
    }


}

@media  only Screen and (max-width: 400px) {

    .nav-list {
        flex-direction: column;
    }

    .navbar{
        height: 312px;
        flex-direction: column;
        transition: all 0.7s easa-out;
    }

    .rightNav{
        text-align: center;
    }

    #search{
        width: 100%;
    }

    .burger{
        display: block;
    }

    .h-nav-resp{
        height: 72px;
    }

    .v-class-resp{
        opacity: 0;
    }

    .box-main{
        flex-direction: column-reverse;
        /* padding-top: 2000px; */
        max-width: 100%;
    }

    .text-big{
        padding-top: 20px;
    }

    .section{
        flex-direction: column-reverse;
        padding-top: 250px;
        /* padding-bottom: 800; */
        max-width: 100%;
        text-align: center;
    }

    

    .section-left{
        flex-direction: column-reverse;
        padding-top: 550px;
        padding-bottom: 300px;
        max-width: 100%;
        text-align: center;
    }

    .firstSection{
        padding-top: 200px;
    }

    .secondHalf img{
        width: 100px;
        /* align-items: center; */
        /* text-align: center; */
        margin-right: 10px;
    }

    .contact{
        padding-top: 200px;
        padding-bottom: 200px;
        height: 20vh;
        background-color: white;
    }

    .form{
        /* padding-top: 400px; */
        max-width: 80%;
        padding-bottom: 30px;
    }

    .text-big{
        font-size: 150%;
    }

    .text-small{
        font-size: 100%;
        text-align: justify;
    }

}