@media (min-width: 320px){
    header .navbar-brand{
        width: 50%;
    }
    header h2,
    header .nav-link{
        font-size:1rem;
    }

    .banner {
        background: #020202 url(https://cdn.blackfriday.com.br/assets/imgs/index-bg-top.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
    .banner h2{
        font-size: 1.3rem;
        font-weight: 700;
    }
    .banner h3{
        font-size: 1rem;
        font-weight: normal;
    }
    .destaque-title,
    .card-link-description,
    .card-valor-total,
    .card-valor-desconto,
    .box-descontos .ver-todos,
    #blog .ver-todos{
        font-size:.9rem
    }
    #quando-e-a-black-friday h2,
    #como-conseguir-black-friday h2,
    #qual-o-significado-black-friday h2,
    #duvidas-black-friday h2,
    .box-descontos .title-section{
        font-size: 1.4rem;
    }
    #quando-e-a-black-friday p,
    #como-conseguir-black-friday p,
    #qual-o-significado-black-friday p,
    #duvidas-black-friday p,
    #blog p{
        font-size: 1rem;
    }
    #blog .image-blog {
        width: 100%;
        height: 100px;
    }
    #blog .destaque-title {
        min-height: 120px;
    }
    .group-whatsapp h4{
        font-size: 1.5rem;
    }
    .group-whatsapp h5{
        font-size: 2rem;
    }
    .group-whatsapp p{
        font-size: 1.2rem;
    }
    .group-whatsapp .btn-success,
    .group-whatsapp #WhatsappModal .modal-footer .btn-primary {
        font-size: 1rem;
    }
    .img-lgpd img{
        width: 130px;
    }
    .newsletter .btn-primary {
        font-size: 14px;
        padding: .45rem .75rem;
    }
    .newsletter img {
        width: 25px;
    }
    .newsletter img:hover {
        transform: scale(1.3);
    }
    .newsletter .form-check a {
        font-size: 10px;
    }
    #politica-de-privacidade,
    #perguntas-frequentes,
    #imprensa
    #anuncie{
        text-align: justify;
    }
    footer{
        padding-bottom:10rem;
    }
}

@media (min-width: 375px){
    .newsletter .btn-primary {
        font-size: 16px;
        padding: 0.4rem 0.75rem;
    }
    #blog .destaque-title {
        min-height: 95px;
    }
}
@media (min-width: 576px){
    #blog .destaque-title {
        min-height: 80px;
    }
    footer {
        padding-bottom: 8.5rem;
    }
}
@media (min-width: 768px){
    #blog .image-blog {
        width: 100%;
        height: 115px;
    }
    .group-whatsapp .img {
        width: 50%;
    }
}
@media (min-width: 992px){
    header .py-lg-2{
        padding-top:.4rem !important;
        padding-bottom:.4rem !important;
    }
    .banner {
        background-position: center;
    }
    .banner h2{
        font-size: 1.7rem;
    }
    .banner h3{
        font-size: 1.3rem;
    }
    #blog .image-blog {
        width: 100%;
        height: 125px;
    }
    .destaque-title,
    .card-link-description,
    .card-valor-total,
    .card-valor-desconto,
    .box-descontos .ver-todos,
    #blog .ver-todos{
        font-size:1.1rem;
    }

    #quando-e-a-black-friday h2,
    #como-conseguir-black-friday h2,
    #qual-o-significado-black-friday h2,
    #duvidas-black-friday h2,
    .box-descontos .title-section{
        font-size: 2rem;
    }
    #quando-e-a-black-friday p,
    #como-conseguir-black-friday p,
    #qual-o-significado-black-friday p,
    #duvidas-black-friday p,
    #blog p{
        font-size: 1.1rem;
    }
    .group-whatsapp .img {
        width: 100%;
    }
    .group-whatsapp h4 {
        font-size: 2.5rem;
    }
    .group-whatsapp h5 {
        font-size: 3rem;
    }
    
    .newsletter .btn-primary {
        font-size: 16px;
    }
    #politica-de-privacidade,
    #perguntas-frequentes,
    #imprensa
    #anuncie{
        text-align: start;
    }
    footer {
        padding-bottom: 5.5rem;
    }
    footer .bg-dark ul li .img{
        width: 70%;
    }

}
@media (min-width: 1200px){
    header .navbar-brand{
        width: 20%;
    }
    header h2,
    header .nav-link{
        font-size:1.3rem;
    }
    #blog .destaque-title {
        min-height: 80px;
    }
    .group-whatsapp h4{
        font-size: 3rem;
    }
    .group-whatsapp h5{
        font-size: 4rem;
        line-height: .7;
    }
    .group-whatsapp p{
        font-size: 1.8rem;
    }
    .group-whatsapp .btn-success,
    .group-whatsapp #WhatsappModal .modal-footer .btn-primary{
        font-size: 1.1rem;
    }
    .newsletter img {
        width: 35px;
    }
    .newsletter .form-check a {
        font-size: 12px;
    }
    footer{
        padding-bottom:5rem;
    }
    footer .bg-dark ul li .img{
        width: 80%;
    }
}
@media (min-width: 1400px) {
    #blog .image-blog {
        width: 100%;
        height: 145px;
    }
    .group-whatsapp h4{
        font-size: 3rem;
    }
    .group-whatsapp h5{
        font-size: 4rem;
    }
}