@media screen and (max-width: 550px){
    .about-description {
        font-size: 4.2vh;
    }
    .works-grid-button-wrapper {
        justify-content: space-between;
        width: 100%;
    }
    .info-find-out-more {
        height: 4vh;
        margin-right: 0;
        font-size: 2.9vw;
        padding-left: 2vw;
        padding-right: 2vw; 
    }
    .section-selector {
        height: 30vh;
    }
    .section-works-grid {
        height: unset;
    }    
    .works-grid {
        flex-direction: column;
        flex-wrap: unset;
        height: unset;
        margin-bottom: 5vh;
    }
    .works-grid > .active {
        width: 100%;
        margin: 0;
        margin-bottom: 1vh;
        height: 27vh;
    }
    .active > .project-name {
        font-size: 3.2vh;
    }
    .active > .company-name {
        font-size: 2.6vh;
    }
}