@media screen and (max-width:840px){
    header .menu-desktop, header .btn-contato{
        display: none;
    }
    header .btn-menu-mob{
    display: block;
}
}

@media screen and (max-width:700px){
/* responsivo da hero */
    section.hero-site{
        height: 45vh;
background-image: url(../imgs/1\ FRENTEE.png);
background-repeat: no-repeat;
background-size: cover;
color: #c9c4c4;
width: 100%;
    }
}

@media screen and (max-width:700px){
    /* imagens site */
              .ppagina2 img{
       width: 105%;
background-position: center;
 height: 45vh;
     }
}

@media screen and (max-width:700px){
    /* qrcode */
         .codeqr img{
    width: 103%;
background-position: center;
 height: 45vh;
 margin-top: 8px;
     }
}

@media screen and (max-width:730px){
 header .logo-branca{
        display: none;
    }
}

@media screen and (max-width:900px){
/* responsivo da hero */
    section.hero-site{
        height: 55vh;
background-image: url(../imgs/1\ FRENTEE.png);
background-repeat: no-repeat;
background-size: cover;
color: #c9c4c4;
width: 100%;
    }
}

@media screen and (max-width:900px){
    /* imagens site */
              .ppagina2 img{
       width: 105%;
background-position: center;
 height: 50vh;
     }
}

@media screen and (max-width:900px){
    /* qrcode */
         .codeqr img{
    width: 103%;
background-position: center;
 height: 50vh;
 margin-top: 8px;
     }
}

@media screen and (max-width:440px){
/* responsivo da hero */
    section.hero-site{
        height: 40vh;
background-image: url(../imgs/1\ FRENTEE.png);
background-repeat: no-repeat;
background-size: cover;
color: #c9c4c4;
width: 100%;
    }
}

@media screen and (max-width:440px){
    /* imagens site */
              .ppagina2 img{
       width: 105%;
background-position: center;
 height: 40vh;
     }
}

@media screen and (max-width:440px){
    /* qrcode */
         .codeqr img{
    width: 103%;
background-position: center;
 height: 40vh;
 margin-top: 8px;
     }
}

@media screen and (max-width:200px){
/* responsivo da hero */
    section.hero-site{
        height: 70vh;
background-image: url(../imgs/1\ FRENTEE.png);
background-repeat: no-repeat;
background-size: cover;
color: #c9c4c4;
width: 100%;
    }
}

@media screen and (max-width:200px){
    /* imagens site */
              .ppagina2 img{
       width: 105%;
background-position: center;
 height: 70vh;
     }
}

@media screen and (max-width:200px){
    /* qrcode */
         .codeqr img{
    width: 103%;
background-position: center;
 height: 70vh;
 margin-top: 8px;
     }
}

@media screen and (max-width:200px){
    header .menu-mobile nav a{
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    padding: 10px 0;
    display: block;
    transition: .5s;
}

}