@media only screen and (max-width: 1000px)
{
   
    
  
    
    h1{
        text-align: center;
        font-family: 'Kanit', sans-serif;
       
    }
    
    
   

    .paginacat input{
        border-radius: 100%; width: 30px; height: 30px; border-color: gray;
        border-width: 1px;
        transition:  .2s ;
    
    
        
    }
    .paginacat img{
        width: 60%;
    }
    .pagina{
        width: 100%;
    }

    .imgcomp{
        display: none;
    }
    .botao{
        display: block;
    }
    .manual{
        display: none;
    }
    .slide{
        display: none;
    }

    
 
    .slide2{
        display: block;
        margin-bottom: -10%;
    }
    
    .menu{
        background-color: #1d1d1d;
        width: 70%;
        height: 200%;
        z-index: 4;
    }
    
    .menu h1,a {
        text-align: left;
        color: #afafaf;
    }
    
    .Logo1{
        display: none;
       }
       .Logo{
        width: 30%;
        min-width: 60px;
        margin-top: 30px; 
        margin-left: 10%;  
        display: block;
        
    }
    
    .Fund_Home{
        background-color: #313131;
        width: 100%;
        height: 100px;
    }
    
    .Menu_Cat{
    
        display: none;
        
        background-color:#313131;
        height: 50px;
        
    }
    
    
      
    
    .text
    {
        background-color: #313131;
       
        border: none;
        border-radius: 5px;
        padding: 12px 20px;
        margin: 8px 0;
        outline: none;
        width: 80%;
        transition: 0.5s;
    }
    .text::placeholder{
        color: white;
        
    }
    
    .btnMenu{
        display: block;
        width: 50px;
        height: 50px;
        padding: 0px 0px 0px 0px;
        background-color: transparent;
        
    }


    .text:focus{
        
        background-color: white;
        border: 1px solid #555;
        border-radius: 5px;
        padding: 12px 20px;
        margin: 8px 0;
        width: 90%;
        outline: none;
        
    }
    
    .enviar{
        border-radius: 100px;
        color: white;
        border: none;
        background-color: #313131;
        
         transition: .4s;
         height: 50px;
         width: 80%;
         font-family: 'Kanit', sans-serif;
    }
    
    .enviar:hover{
         
         color: #313131;
         border: solid 1px #313131;
         background: white;
       
        
    }
    
    .walp{
        display: block;
        margin-left: 0px;
        width: 100%;
        height: 100%;
    }
    .walpdes{
        

    display: none;
    }

    
    .rodape{
        color: #6E6E67;
        margin-left: 25%;
        margin-top: 8%;
        margin-right:17% ;
        margin-bottom: 5%;
        display: none;
        
    }
 
    
    .contact a{
        width: 55px; border-radius: 100%;
    }

}

@media only screen and (min-width: 600px){
    .Logo{
        width: 20%;
        min-width: 60px;
        margin-top: 20px; 
        margin-left: 15%; 
    } 
    .paginacat img{
        width: 50%;
    }
    .paginacat input{
        border-radius: 100%; width: 20px; height: 20px; border-color: gray;
    }
   
    
}

@media only screen and (min-width: 1000px){
    .paginacat img{
        width: 40%;
    }
    .paginacat input{
        border-radius: 100%; width: 30px; height: 30px; border-color: gray;
    }

    
}