@media only screen and (max-width: 700px) {
    
    .skillsScreen{
        position: relative;
        top: 0px;
        width: 100vw;
        height: auto;
    }
    .skillsScreen .gridWrapper{
        width: 100vw;
        display: block;
        height: auto;
        padding-top: 10vh;

    }

    .skillsScreen .gridWrapper .skill{
        padding-top: 10vh;
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
    }


    .skillsScreen .gridWrapper .skill h1{
        font-size: 40px;

    }

    .skillsScreen .gridWrapper .skill p{

    }

    .skillsScreen .gridWrapper:last-child{
        padding-bottom: 100px;
    }
    #arrow1{
        /* margin-top: 10vh; */
        top: 50px;
    }
    .skillsScreen .arrow{
        /* left: calc(50vw - 5px); */
        top: 0px;
        /* margin-top: 10vh; */
    }

}