@media screen and (max-width:400px){
    .conex{
     
      text-align: center;        
        
    }
     .cone{
      color:#87cefa;
      font-size:16px;
     
     }
    .ulti{
        padding-bottom: 25px;
    }
    .dois{
    display:flex; 
     padding:10px;        
      justify-content: center;
    }
    .conteiner{
        background-color:#F0F0F0;
        border:1px solid #000000;
    }
    .top{
        background-color:#444;
        height: 100px;
    }
    img{
     transform: rotate(180deg);
    }
    .cont1{
        text-align:center;
    }
    .venda{
        text-align:center;    
    }
    .livros{
        text-align:center; 
    }
    .img1{
        transform: rotate(360deg);
       width:180px;
       height:200px;
        margin-right:8px;
    }
    .img2{
        transform: rotate(360deg);
        width:180px;
        height:200px;
      }
   body{
    /*background-color:#F0F0F0;*/
    font-family: Arial;
    font-size:16px;
       margin-left:3px;
       margin-right: 3px;
       
  }
    .trata{
        margin: 0px;
        padding:30px;
    }
    .img3{
        transform: rotate(360deg);
        width:100%;
        height:230px;
    }
    .casa{
        text-align:center;
    }
}
@media screen and (min-width:401px) and (max-width:1800px){
   
   .conex{
     
      text-align: center;        
        
    }
     .cone{
      color:#87cefa;
      font-size:12px;
     }
 
 .ulti{
    padding-bottom:60px;   
   }
    .dois{
    display:flex; 
        justify-content: center;
    }
    .conteiner{
        background-color:#F0F0F0;
    }
    .top{
        background-color:#444;
    }
    img{
     transform: rotate(180deg);
    }
    .cont1{
        text-align:center;  
    }
    .venda{
        text-align:center;    
        
    }
    .livros{
        text-align:center; 
    }
    .img1{
        transform: rotate(360deg);
       width:400px;
       height:250px;
        margin-right:12px;
    }
    .img2{
        transform: rotate(360deg);
        width:400px;
        height:250px;
    }
   body{
       font-family: Arial;
    font-size:11px;
  }
    .trata{
        padding:30px;
    }
    .img3{
        transform: rotate(360deg);
        width:100%;
        height:230px;
    }
    .casa{
        text-align:center;
    }
}