@media (min-width: 400px) {

    span.paragrafo-inscrever-se {
        font-size: 0.8em;
    }
}

@media (min-width: 425px) {

    .icones-menu {
        gap: 4em;
    }

    .legenda .check-legenda {
        width: 1.3em;
    }

    section.container {
        margin-top: 8em;
    }

    .legenda .texto-legenda {
        font-size: 1.1em;
    }

    h3.preco-anuncio {
        font-size: 1.1em;
    }

    a.btn-ver-camiseta {
        font-size: 1.1em;
    }

    p.texto-baner-inferior {
        font-size: 1.4em;
    }

    img.icone-caminhao {
        width: 4em;
        margin-left: 0.6em;
    }


    span.paragrafo-inscrever-se {
        font-size: 0.8em;
    }

    input.email-input-inscrever-se {
        height: 3em;
        text-align: center;
        margin-bottom: 1em;
    }

    button.btn-inscrever-se {
        height: 2.5em;
        font-size: 1em;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 1.3em;
    }

    h1.destaque-da-semana {
        font-size: 1.7em;
    }

    p.rodape {
        font-size: 1.3em;
    }
}

@media (min-width: 500px) {

    .cabecalho .titulo {
        font-size: 2.5em;
    }

    div.container-legenda-rolante {
        font-size: 1.3em;
    }

    img.logotipo {
        width: 9em;
    }

    img.icone-loja {
        width: 3em;
    }

    img.icone-whatsapp {
        width: 3em;
        margin-left: 1em;
    }

    section.container {
        margin-top: 11em;
    }

    .legenda .check-legenda {
        width: 1.6em;
    }

    .legenda .texto-legenda {
        font-size: 1.3em;
    }

    img.imagem-anuncio {
        margin-bottom: 1em;
    }

    .anuncio .preco-anuncio {
        font-size: 1.3em;
    }

    a.btn-ver-camiseta {
        font-size: 1.3em;
    }

    p.texto-baner-inferior {
        font-size: 1.5em;
    }

    img.icone-caminhao {
        margin-left: 1em;
        width: 5em;
    }

    h1.destaque-da-semana {
        font-size: 1.8em;
    }

    nav.index-navegacao-inferior {
        padding: 1.4em;
        bottom: 0.5em;
    }

    .rodape-fazer-pedido p {
        font-size: 1.2em;
    }

    footer {
        margin-bottom: 2em;
    }
}

@media (min-width: 700px) {

    header.cabecalho {
        width: 100vw;
    }

    section.container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.5em 2em;
        margin-top: 11.5em;
        margin-bottom: 0.5em;
    }

    .container div {
        width: 20vw;
    }

    .container img {
        width: 20vw;
    }

    div.anuncio {
        margin-bottom: 0;
        position: relative;
    }

    div.legenda {
        margin-bottom: 0em;
        height: 2em;
    }

    img.check-legenda,
    .legenda .texto-legenda {
        font-size: 0.5em;
        font-weight: 600;
    }

    .cabecalho .container-legenda-rolante {
        margin-bottom: 1em;
    }

    .anuncio h3.preco-anuncio {
        font-size: 0.55em;
        margin-left: -1em;
    }

    a.btn-ver-camiseta {
        margin-top: 84%;
        font-size: 0.5em;
    }

    div.baner-inferior {
        margin-top: 98%;
        font-size: 28%;
        text-align: center;
    }

    img.icone-caminhao {
        width: 3em;
    }

    form.container-inscrito {
        width: 20%;
        text-align: center;
        display: flex;
        justify-content: center;
        position: relative;
        top: 0.5em;
    }

    p.paragrafo-inscrever-se, button.btn-inscrever-se {
        font-size: 0.5em; 
    }

    input.email-input-inscrever-se {
        padding: 0.3em 1em;
        width: 100%;
        height: 10%;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 0.6em;
    }

    h1.destaque-da-semana {
        font-size: 0.8em;
        margin-bottom: 1em;
    }

    div.slider {
        height: 100%;
        top: 1.6em;
    }

    div.slider-2,.slider-3 {
        position: relative;
        bottom: 1.8em;
    }

    button.slider-button.prev-button {
        margin-left: -0.2em;
        font-size: 1em;
    }

    button.slider-button.next-button {
        margin-right: -0.2em;
        font-size: 1em;
    }

    .slider,
    .slider-indicators {
        display: flex;
        justify-content: center;
    }

    .slider-container {
        position: relative;
        top: 1.6em;
    }

    div.indicator {
        width: 0.6em;
    }

    nav.index-navegacao-inferior {
        padding: 1.5em;
        margin: 0;
    }

    .index-navegacao-inferior-bloco-um {
        margin-right: 5em;
    }

    .rodape-fazer-pedido p {
        font-size: 1.3em;
    }

    footer {
        margin: 3em 0em;
    }
}

@media (min-width: 830px) {

    .legenda-rolante-continua {
        word-spacing: 0.6em;
        letter-spacing: 0.2em;
        font-weight: 500;
        font-family: Arial, Helvetica, sans-serif;
    }

    div.legenda-rolante-continua span:after {
        content: " ";
        margin-right: 20px;
    }

    div.legenda,
    img.check-legenda .texto-legenda {
        font-size: 1.1em;
    }

    .slider-container {
        position: relative;
        top: 1.8em;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 0.7em;
    }


    h1.destaque-da-semana {
        font-size: 1em;
    }

    div.slider-2,.slider-3 {
        position: relative;
        bottom: 2.1em;
    }
}

@media (min-width: 1000px) {

    div.legenda,
    img.check-legenda .texto-legenda {
        font-size: 1.5em;
    }

    .anuncio h3.preco-anuncio {
        font-size: 0.7em;
    }

    a.btn-ver-camiseta {
        margin-top: 84%;
        font-size: 0.7em;
    }

    div.baner-inferior {
        margin-top: 98%;
        font-size: 38%;
        text-align: center;
    }

    img.icone-caminhao {
        width: 4em;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 1em;
    }

    .slider-container {
        position: relative;
        top: 2.6em;
    }

    h1.destaque-da-semana {
        font-size: 1.2em;
    }

    div.slider-2,.slider-3 {
        position: relative;
        bottom: 2.6em;
    }
}

@media (min-width: 1300px) {

    div.legenda-rolante-continua span:after {
        content: " ";
        margin-right: 25px;
    }

    div.legenda,
    img.check-legenda .texto-legenda {
        font-size: 1.6em;
    }

    .anuncio h3.preco-anuncio {
        font-size: 0.9em;
    }

    a.btn-ver-camiseta {
        margin-top: 84%;
        font-size: 0.9em;
    }

    div.baner-inferior {
        margin-top: 98%;
        font-size: 45%;
        text-align: center;
    }

    p.paragrafo-inscrever-se, button.btn-inscrever-se {
        font-size: 0.8em;
        
    }

    input.email-input-inscrever-se {
        padding: 0.3em 1em;
        width: 100%;
        height: 2.5em;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 1.1em;
    }

    .slider-container {
        position: relative;
        top: 2.8em;
    }

    button.slider-button.prev-button {
        margin-left: -0.2em;
        font-size: 1.3em;
    }

    button.slider-button.next-button {
        margin-right: -0.2em;
        font-size: 1.3em;
    }
}

@media (min-width: 1400px) {

    .legenda-rolante-continua {
        word-spacing: 1em;
        letter-spacing: 0.4em;
    }

    div.legenda-rolante-continua span::after {
        content: " ";
        margin-right: 30px;
    }

    h1.destaque-da-semana {
        font-size: 1.4em;
        margin-bottom: 0.8em;
    }

    div.slider-2,.slider-3 {
        position: relative;
        bottom: 2.8em;
    }
}

@media (min-width: 1600px) {

    div.legenda,
    img.check-legenda .texto-legenda {
        font-size: 2.2em;
    }

    section.container {
        gap: 1.7em 2em;
    }

    .anuncio h3.preco-anuncio {
        font-size: 1em;
    }

    a.btn-ver-camiseta {
        margin-top: 84%;
        font-size: 1em;
    }

    div.baner-inferior {
        margin-top: 98%;
        font-size: 50%;
        text-align: center;
    }

    span.paragrafo-inscrever-se {
        font-size: 1em;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 1.2em;
    }

    .slider-container {
        position: relative;
        top: 4em;
    }

    button.slider-button.prev-button {
        margin-left: -0.2em;
        font-size: 1.5em;
    }

    button.slider-button.next-button {
        margin-right: -0.2em;
        font-size: 1.5em;
    }

    h2.index-titulo-inferior {
        font-size: 1.5em;
    }

    nav.index-navegacao-inferior {
        font-size: 1.5em;
    }

    footer.rodape-fazer-pedido {
        font-size: 0.7em;
    }

}

@media (min-width: 1800px) {

    .legenda-rolante-continua {
        word-spacing: 1.3em;
        letter-spacing: 0.8em;
        font-weight: 700;
    }

    div.legenda-rolante-continua span::after {
        content: " ";
        margin-right: 45px;
    }

    h1.destaque-da-semana {
        font-size: 1.6em;
        margin-bottom: 0.8em;
    }

    p.paragrafo-inscrever-se, button.btn-inscrever-se {
        font-size: 0.9em; 
    }

    input.email-input-inscrever-se {
        padding: 0.3em 1em;
        width: 100%;
        height: 3em;
    }
    

    div.slider-2,.slider-3 {
        position: relative;
        bottom: 3em;
    }
}

@media (min-width: 1900px) {

    .anuncio h3.preco-anuncio {
        font-size: 1.1em;
    }

    a.btn-ver-camiseta {
        margin-top: 84%;
        font-size: 1.1em;
    }

    div.baner-inferior {
        margin-top: 98%;
        font-size: 60%;
        text-align: center;
    }

    p.paragrafo-inscrever-se, button.btn-inscrever-se {
        font-size: 1em; 
    }

    input.email-input-inscrever-se {
        padding: 0.3em 1em;
        width: 100%;
        height: 3em;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 1.5em;
    }
}

@media (min-width: 2200px) {

    section.container {
        gap: 2.1em 2em;
    }

    .anuncio h3.preco-anuncio {
        font-size: 1.3em;
    }

    a.btn-ver-camiseta {
        margin-top: 84%;
        font-size: 1.3em;
    }

    div.baner-inferior {
        margin-top: 98%;
        font-size: 70%;
        text-align: center;
    }

    p.paragrafo-inscrever-se, button.btn-inscrever-se {
        font-size: 1.2em; 
    }

    input.email-input-inscrever-se {
        padding: 0.3em 1em;
        width: 100%;
        height: 3.5em;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 1.5em;
    }

    h1.destaque-da-semana {
        font-size: 1.8em;
    }

    div.slider-2,.slider-3 {
        position: relative;
        bottom: 3.4em;
    }
}

@media (min-width: 2500px) {

    div.legenda,
    img.check-legenda .texto-legenda {
        font-size: 2.5em;
    }

    section.container {
        gap: 2.3em 2em;
    }

    .anuncio h3.preco-anuncio {
        font-size: 1.5em;
    }

    a.btn-ver-camiseta {
        margin-top: 84%;
        font-size: 1.5em;
    }

    div.baner-inferior {
        margin-top: 98%;
        font-size: 80%;
        text-align: center;
    }

    p.paragrafo-inscrever-se, button.btn-inscrever-se {
        font-size: 1.4em; 
    }

    input.email-input-inscrever-se {
        padding: 0.3em 1em;
        width: 100%;
        height: 4em;
    }

    .email-input-inscrever-se::placeholder {
        font-size: 1.8em;
    }

    .slider-container {
        position: relative;
        top: 4.6em;
    }
}