/* Sobre nós" header */

#sobre {
    display: flex;
    height: 400px;
    width: 100%;
    background-image: linear-gradient(90deg, #000000 50%, #ffffff00 100%);
}

#sobre-msg {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;

    height: 100%;
    width: 100%;
    margin-left: 40px;
    position: relative;
    margin-right: -200px;
}

#sobre-h1 {
    height: auto;
    width: fit-content;
    max-width: 560px;
    align-content: center;
    color: white;
    font-size: 54px;
    font-weight: 900;
}

#sobre-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    z-index: -1;
}

/* "História" section */

#historia {
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 50px;
    margin: 50px 100px;
}

#texto {
    p {
        font-size: 20px;
        font-weight: 400;
    }
}

#historia-img {
    height: 50vh;
    border-radius: 10px;
}

@media (max-width: 720px) {
    /* Sobre nós" header */

    #sobre {
        background-image: linear-gradient(90deg, #000000 20%, #ffffff00 100%);
    }

    #sobre-h1 {
        font-size: 42px;
    }

    /* "História" section */

    #historia {
        flex-direction: column-reverse;
        align-items: center;
        gap: 20px;
        margin: 30px;
    }

    #historia-img {
        height: 80vw;
        border-radius: 10px;
    }
}