:root{
    --font-size-small: 18px;
    --font-size-mid: 22px;
    --font-size-large: 25px;
}

#about-container{
    min-height: 100vh;
}

#about-behind-cover{
    height: 100vh;
    background-color: var(--site-primary-second-der);

}

#about-parts-container{
    min-height: 50vh;
    backdrop-filter: blur(7px) brightness(.95);
    border-radius: 35px 35px 30px 30px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

#about-part-one{
    margin-top: 60px;
    border-radius: 25px;
    background-color: white;
    box-shadow: var(--default-shadow);
}

.about-us-title{

}

.about-us-description{
    /*font-size: var(--font-size-mid);*/
}

@media screen and (min-width: 0) and (max-width: 500px){
    #about-parts-container{
        width: 100%;
        padding: 50px 10px 25px 10px !important;
    }

    #about-part-one{
        padding: 25px 10px 0px 25px !important;
    }


    .about-us-description{
        font-size: var(--font-size-small) !important;
    }

}