@media only screen and (max-width: 767px) {
    .home-logo {
        width: 20rem;
    }

    #offcanvasVidasVentos{
        display: flex!important;
    }

    #home .container-fluid,
    .carousel.slide,
    .carousel-inner,
    .carousel-item {
        height: 100%;
    }

    .carousel-item img {
        height: 100%;
        object-fit: cover;
    }

    .article-box {
        flex-flow: column;
    }

    .article-box .author> :nth-child(1),
    .article-box .category> :nth-child(1) {
        margin-left: 0rem;
        font-weight: 500;
    }

    .article-content,
    .article-tags {
        width: 85%;
    }
}