@charset "UTF8";


/*Media Queries*/
@media (max-width:800px) {
    .logo{
        font-size: 1.2rem;
    }
   
    .header-bottom-side{
        flex-direction: column;
        text-align: center;
        padding-top: 4rem;
    }
    nav{
        display: none;
        padding: 8px;
        position: absolute;
        top: 46px;
        background-color: #2c2c2c;
        width: 100%
        
        
    }
   
    nav ul{
        flex-direction: column;
       
    }
    nav ul li:hover{
        padding-left: 90px;
        padding-right: 90px;
        
        background-color: #47434342;
        border-radius: 999px;
    }
    nav ul li{
     
        text-align: center;
        font-size: 1rem;
        padding: .8rem;
    }
    .navicon2{
      display: block;
      align-items: center;
  
  }
  .header-bottom-side-left h2{
   font-size: 3.5rem;
   margin: auto;
   max-width: 500px;
}
.header-bottom-side-left h3 {
   
   margin-top: 3%;
   
}
    .menu-button{
        display: block;
    }

    
    .selection-titulo{
        font-size: 1rem;
        
     }
     .cols3{
      display: flex;
      justify-content: center;
      align-items: center;
     
          
     }
     .cols3 img{
      width: 145px;
      height: 145px;

     }
     .cols4{
        grid-template-columns: repeat(2,1fr);
     }
     .produto-name,.preço,.rate{
        max-height: 1rem;
        overflow: hidden;
        font-size: 0.8rem;
     }
     .exclusive{
        flex-direction: column-reverse;
     }
     .exclusive img{
        margin-bottom: 4rem;
        min-width: 300px;
     }
     
    .testemunhos{
        flex-direction: column;
     }
     .testemunho{
        margin-bottom: 1.2rem;
     }

    .footer-content{
        display: inline;
        font-size: 0.8rem;
     }
     .footer-content>div{
        padding: 1rem;
     }
     .download-options div{
        display: inline;
     }
     .download-options div img{
        width: 120px;
     }
     .copyright{
        font-size: 0.8rem;
     }
 }

 
@media (max-width:800px){

   .cols3{
   display: flex;
   flex-flow: row wrap;
       
   }
}