@media screen and (max-width: 500px) {
    #welcomeBlock h1{
        font-size: 7.3em;
        padding-top: 85px;
    }
    #fBB{
        height: 450px;
    }

}

@media screen and (max-width: 1290px) {
    #vidTitle{ max-height: 500px; }
}

@media screen and (max-width: 725px) {
    .screenshots {width: 0px;transform: translateX(-100vw);z-index: 7;filter: brightness(0.6) blur(10px);}

    .infoProj {z-index: 8;overflow: hidden;padding: 25px;}
    
    #secondBlock h1 {font-size: 5em;}
        .infoProj h2 {font-size: 2em;}
    
    img.appIcon {width: 70px;height: 70px;}
    
    #fo2{
        margin-bottom: -50vh;
    }
    .dir2proj {flex-direction: row-reverse;}
    .dir2proj .screenshots {flex-direction: row;}
    
    .mobileWatch .screenshots {filter: none;;;;;;;overflow-x: scroll;overflow-y:hidden;width: calc(100vw - 50px);transform: none;margin-top: 35px;}
    
        .mobileWatch{display: block;}
}




@media screen and (max-height: 850px) {
    #fo{margin-bottom: calc(-55vh);}
    #welcomeBlock h1 {font-size: 7em;}

.figureOval {margin-top: -80vh;clip-path: ellipse(60% 22.21% at 50% 37%);}
}

@media screen and (max-height: 590px) {
div#welcomeBlock {height: auto;}

margin-bottom: calc(-55vh);

.figureOval {min-height: 855px;}

#vidTitle {height: 50vh;}
}