section.two {
    margin-top: 6rem
}

section.three {
    margin-top: 0.75rem
}

.image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.case a, .sobre a {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 120%;
    color: #212529;
    text-decoration: underline;
    margin-top: 0.5rem
}

.case.first {
    margin-top: 0.75rem;
}

.case .info {
    margin: 1.5rem 0 0 0
}

.case .info h3 {
    margin: 0 0 0.25rem 0
}

.case.second {
    margin-top: 6rem
}

.case.text-first .info {
    margin: 0 0 2rem 0;
    text-align: right
}

.case.text-first .info h3 {
    margin: 0 0 0 0
}

.sobre .image{
    width: 66%;
    margin: 3rem 0 3rem 0
}

section.four {
    margin-top: 3rem
}

.case.horizontal{
    display: flex
}

.case.horizontal .info {
    width: 100%;
    height: 100%;
    margin: 0 1rem 0 0;
    display: grid;
    align-content: space-between;
}

.case.horizontal h3 {
    height: fit-content;
    margin: 0
}

.case.horizontal a {
    height: fit-content;
    margin: 0
}

.case.horizontal img {
    width: auto;
    height: 17rem;
    object-fit: cover
}

/* Ajustes de resolução */

@media (max-width: 767px) {
    section.two {
        margin-top: 3rem
    }

    .case.second {
        margin-bottom: 4rem
    }

    .sobre .image{
        width: 66%;
        margin: 1rem 0 1rem 0
    }

    section.four, section.five {
        margin-top: 6rem
    }
}