@media only screen and (max-width: 700px) {
    .portfolioScreen{
        height: auto;
    }
    .portfolioScreen .projectsWrapper{
        display: block;
        height: auto;
        width: 90vw;
        max-height: 20000px;
        /* flex-direction: column; */
    }
    .portfolioScreen .projectsWrapper .projectItem{
        margin: 50px 0px;
        min-height: 500px;
        width: 100%;
        height: 500px;
    }
    .portfolioScreen .projectsWrapper .projectItem .button{
        opacity: 1;
    }
    .portfolioScreen .projectsWrapper .projectItem h1{
        padding-top: 50%;
    }
    #arrow2{

    }
    .portfolioScreen .arrow{
        position: relative;
        /* left: calc(50vw - 5px); */
        bottom: 10px;
    }
    #video2{
        display: none;
    }
}

@media only screen and (max-height: 700px) {
    .portfolioScreen .projectsWrapper .projectItem h1{
        padding-top: 50%;
    }
    .portfolioScreen .projectsWrapper .projectItem .button{
        opacity: 1;
    }
}