.conteudo {
    position: relative;
}
.modal {
    position: absolute;
    top: 1em;
    z-index: 1; /* Z-index maior para sobrepor a imagem */
    /*    background-color: rgba(0, 0, 0, 0.5);  Fundo escuro para destacar o modal */
    color: white;
    padding-left: 0.70em;
}
.banner-titulo {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.6em;
    font-weight: 700;
    font-style: italic;
}
.banner-corpo {
    font-family: "Meie Script", cursive;
    font-size: 1.8em;
    padding-bottom: 1.5vw;
}
.banner-diferenciais {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-style: italic;
}
.video {
    width:80%; 
    height: 20vw;
    background-color: #000;
}


@media only screen and (min-width: 64em) {
    .banner {
        width: 100%;
        height: 45vw;
    }
}

@media only screen and (max-width: 64.063em) {
    .banner {
        width: 100%;
        height: 48vw;
    }
}

@media screen and (max-width: 40em) {
    .banner-titulo {
        font-size: calc(1em + 6 * ((100vw - 320px) / 680))!important;
    }
    .banner-corpo {
        font-size: calc(0.65em + 6 * ((100vw - 320px) / 680))!important;
    }
    .marcas {
        height: 3vw!important;
        width: 1.2em!important;
    }
}
@media screen and (min-width:40em) and (max-width: 60em) {
    .banner-titulo {
        font-size: calc(1.3em + 6 * ((100vw - 320px) / 680))!important;
    }
    .banner-corpo {
        font-size: calc(0.80em + 6 * ((100vw - 320px) / 680))!important;
    }
    .marcas {
        height: 4vw!important;
        width: 2.3em!important;
    }
}
@media screen and (min-width:60em) and (max-width: 75em) {
    .banner-titulo {
        font-size: calc(1.8em + 6 * ((100vw - 320px) / 680))!important;
    }
    .banner-corpo {
        font-size: calc(1.1em + 6 * ((100vw - 320px) / 680))!important;
    }
    .marcas {
        height: 4vw!important;
        width: 3em!important;
    }
}
@media screen and (min-width:75em) and (max-width: 90em) {
    .banner-titulo {
        font-size: calc(2em + 6 * ((100vw - 320px) / 680))!important;
        margin-left: 1em;
    }
    .banner-corpo {
        font-size: calc(1.23em + 6 * ((100vw - 320px) / 680))!important;
        margin-left: 1.3em;
    }
    .marcas {
        height: 4vw!important;
        width: 3.5em!important;
    }
}
.tabmarcas td {
    background-color: #000;
    padding: 1vw;
}
.tabmarcas tbody {
    border-color: #000;
}