@media (max-width: 760px) {
    .arte-column-s {
        margin-left: 0px !important;
    }

    .cover-desk {
        display: none !important;
    }

    .cover-mobile {
        display: block !important;
    }

}

.arte-content video {
    width: 100%;
}

.arte-content img {
    /* width: -webkit-fill-available !important; */
    width: 100%;
}

.arte-photo img {
    -webkit-filter: saturate(33%);
    filter: saturate(33%);
    border-radius: 8px;
}

.arte-photo figcaption {
    margin-top: 8px;
    font-size: 75%;
    opacity: .7;
    text-align: left;
}

.arte-cover figcaption {
    display: none;
}

@media (min-width: 640px) {
    .arte-split > [class*="arte-column"] + [class*="arte-column"] {
        padding-left: 30px;
    }
}

#cover {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    background-position: center;
}


.arte-split figure.uva-graphic[style] {
    margin: 0 auto !important;
}

[data-contains="graphic"] {
    width: 100%;
}

.autor,
.data {
    text-align: center !important;
}

.row.topo-full img {
    max-width: 100% !important;
}

.row {
    margin: 8px -16px;
}

/* Add padding BETWEEN each column (if you want) */
.row,
.row > .column {
    padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
    /*    float: left;*/
    /*    width: 33.33%;*/
    display: none;
    /* Hide columns by default */
}

/* Clear floats after rows */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.content {}

/* The "show" class is added to the filtered elements */
.show {
    display: block;
}

/* Style the buttons */
.btn {
    padding: 8px 16px;
    margin: 4px 2px;
    background-color: #f2f7fb;
    border-radius: 22px;
    font-size: 14px;
    line-height: 18.4px;
    text-transform: uppercase;
    color: #5295b7;
    font-weight: 400;
    cursor: pointer;
    border: none;
    transition: all .333s;
    outline: none;
    max-width: fit-content;
    float: left;
    margin-right: 6px;
}

/* Add a dark background color to the active button */
.btn.active {
    background: #5295b7;
    color: white;
}

.poema {
    text-align: center;
}

#myBtnContainer {
    padding-bottom: 111px;
    padding-top: 36px;
}

.capinha img {
    width: auto !important;
    height: 30vh;
    /*margin-bottom: -20px;*/
    /*max-height: 100px;*/
}

.sub-section {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #006194 !important;
}

.titulo {
    font-size: 20px !important;
    font-weight: bolder !important;
}

.band {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #006194 !important;
}