.sessao {
    min-height: calc(100vh - 156px - 214.8px - 1rem);
    margin-bottom: 1rem;
    padding-bottom: 3rem;
    border-radius: 0;
    color: #666;
}

.sessao h2 {
    font-size: 2rem;
    text-shadow: 0 .05rem .1rem #00000064;
    font-weight: bold;
}

.banner {
    padding: 0;
    width: calc(100% + 2rem);
    margin: 0 -1rem;
    position: relative;
    transition: height .3s ease;
}

.banner>img {
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 1rem);
    object-fit: cover;
}

@media only screen and (min-width: 2561px) {
    .banner {
        height: calc(300px + 1rem);
    }
}

@media only screen and (max-width: 2560px) {
    .banner {
        height: calc(250px + 1rem);
    }
}

@media only screen and (max-width: 1920px) {
    .banner {
        height: calc(200px + 1rem);
    }
}

@media only screen and (max-width: 1286px) {
    .banner {
        height: calc(190px + 1rem);
    }
}

@media only screen and (max-width: 1286px) {
    .banner {
        height: calc(190px + 1rem);
    }
}

@media only screen and (max-width: 1222px) {
    .banner {
        height: calc(180px + 1rem);
    }
}

@media only screen and (max-width: 1162px) {
    .banner {
        height: calc(170px + 1rem);
    }
}

@media only screen and (max-width: 1092px) {
    .banner {
        height: calc(160px + 1rem);
    }
}

@media only screen and (max-width: 1030px) {
    .banner {
        height: calc(150px + 1rem);
    }
}

@media only screen and (max-width: 968px) {
    .banner {
        height: calc(140px + 1rem);
    }
}

@media only screen and (max-width: 899px) {
    .banner {
        height: calc(130px + 1rem);
    }
}

@media only screen and (max-width: 841px) {
    .banner {
        height: calc(120px + 1rem);
    }
}

@media only screen and (max-width: 767px) {
    .banner {
        height: calc(200px + 1rem);
    }
}

@media only screen and (max-width: 745px) {
    .banner {
        height: calc(190px + 1rem);
    }
}

@media only screen and (max-width: 710px) {
    .banner {
        height: calc(180px + 1rem);
    }
}

@media only screen and (max-width: 672px) {
    .banner {
        height: calc(170px + 1rem);
    }
}

@media only screen and (max-width: 635px) {
    .banner {
        height: calc(160px + 1rem);
    }
}

@media only screen and (max-width: 597px) {
    .banner {
        height: calc(150px + 1rem);
    }
}

@media only screen and (max-width: 560px) {
    .banner {
        height: calc(140px + 1rem);
    }
}

@media only screen and (max-width: 524px) {
    .banner {
        height: calc(130px + 1rem);
    }
}

@media only screen and (max-width: 486px) {
    .banner {
        height: calc(120px + 1rem);
    }
}

@media only screen and (max-width: 448px) {
    .banner {
        height: calc(110px + 1rem);
    }
}

@media only screen and (max-width: 411px) {
    .banner {
        height: calc(100px + 1rem);
    }
}

@media only screen and (max-width: 373px) {
    .banner {
        height: calc(90px + 1rem);
    }
}

@media only screen and (max-width: 337px) {
    .banner {
        height: calc(85px + 1rem);
    }
}