@import url("../variaveis.css");


@import url("card_layout.css");
@import url("card_text.css");
@import url("card_image.css");


.sobre{
    width: 100%;
    text-align: center;
    color: var(--terciary-color);
    padding: 5em 0rem 2.5rem 0rem;
}

.sobre .title{
    background-color: rgba(37, 60, 37, 0.555);
    padding-top: 1rem;
}

.sobre .subtitle{
    background-color: rgba(37, 60, 37, 0.555);
    padding: 1rem .5rem;
    margin-bottom: 1rem;
}

.sobre .cards{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 1.25rem;
    gap: 1rem;
    padding: 0em 1rem;
}

@media screen and (min-width: 992px) {
    .sobre .subtitle{padding: 1rem 1rem 2rem 1rem;}
}

@media screen and (min-width: 1200px){
    .sobre .subtitle{padding: 1rem 1rem 2rem 1.2rem;}
}