body {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: 'Swis721 BlkCn BT', sans-serif;
    color: #bcbec0;
    text-align: justify;
}

main {
    min-height: 100vh;
    background-image: url("../images/beton-optim.jpg");
    background-color: rgb(255 255 255 / 13%);
    background-blend-mode: color-dodge;
    background-size: cover;
    position: relative;
}
main:before {content: '';top: 0;left: 0;width: 100%;height: 100%;position: absolute;background: transparent;opacity: 0.2;}

.content-wrapper > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 88vh;
    margin: 6vh 0;
}

.content-wrapper .about-wrapper {
    height: 100vh;
    padding: 12vh 2em 16vh;
    font-size: 1.2em;
    position: relative;
    background-color: #000000;
    background-blend-mode: hard-light;
    display: flex;
    background-image: url(../images/beton-optim.jpg);
    flex-direction: column;
    justify-content: space-around;
}
.content-wrapper .about-wrapper:before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: #080800; */
}
.content-wrapper .about-wrapper * {
    mix-blend-mode: normal;
}

/*.content-wrapper .about-wrapper:before {*/
/*    content: '';*/
/*    background-color: #0000008a;*/
/*    mix-blend-mode: color-burn;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left:  0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

.logo-wrapper {
    text-align: center;
}

.logo-wrapper img {
    max-width: 100%;
    width: 300px;
}

.title-wrapper {
    text-align: center;
    color: #8f5036c7;
    mix-blend-mode: hard-light;
}

.social-btn-wrapper {
    display: flex;
    justify-content: space-evenly;
}

.social-btn-wrapper > * {
    width: 20%;
    max-width: 80px;
}

.social-btn-wrapper img {
    max-width: 100%;
}