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

    .aboutScreen{
        width: 100vw;
        margin: 0px;
        min-height: auto;
        padding: 0px;
    }
    .aboutText{
        display: block;
        width: 100vw;
        margin: 0px;
        padding-top: 20vh;
        top: 0px;

    }
    .aboutText h1{
        margin: 0px;
        padding: 0px;
        width: 80vw;
        min-width: 320px;
        font-weight: 800;
        font-size: 40px;
        line-height: 47px;
        text-align: start;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        transform: translateY(100px);


    }
    .aboutText p{
        width: 80vw;
        min-width: 320px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0px;
        transform: translateY(100px);
        padding: 0px;
        margin-bottom: 0px;
        padding-bottom: 80px;

    }
    #arrow0{
        top: 0px;
    }
    .aboutScreen .arrow{
        /* position: relative; */
        margin-top: 0px;
        top: 15px;
        
    }


}


@media only screen and (max-width: 370px) {
    .aboutText h1{
        min-width: 280px;
    }
    .aboutText p{
        min-width: 280px;
    }

}