@media screen and (max-width: 400px) {
/*  {
    margin:0; 
    padding:0;
      
  }*/
  
  img{
           
        width:300px;  
        height: 250px;
     } 
  
  
  .top1{
     text-align: center;   
      margin:0 ;
      padding: 0;
      height: 60px;
      color:#FFFFFF;
      background-color:#554433;
      margin-top:0px;
      font-size:20px;
      padding-top:20px;
      }
 
 p{
       line-height: 1.8;  
       margin:10px;
 }
 body{
        margin:0;
        padding:0;
        font-size:16px;
        font-family: Arial;         
         
 }
.imagens {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        width: 100%;
}

.item {
        width: 150px;
        text-align: center;
        box-sizing: border-box;
}

.item img {
        width: 150px;
        height: 150px;
        display: block;
}
.item p {
        width: 100%;
        margin: 8px 0;
        overflow-wrap: break-word;
        word-wrap: break-word;
}

.content{
    margin:0;
    padding:0;
    
    
    
}
}
@media screen and (min-width:401px) and (max-width:30000px) {
    img{
           
        width:600px;  
        height: 400px;
     } 
    
.top1{
     text-align: center; 
      margin:0 ;
      padding: 0;
      height:60px;
      color:#FFFFFF;
      background-color:#554433;
      margin-top:0px;
      font-size:20px;
      padding-top:20px;
     
     width: 100%;
     
        
}
 
p{
       line-height: 1.8;
       margin:10px;
}
body{
        font-size:16px;
        font-family: Arial;         
}
.imagens {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
        width: 100%;
}
.item {
        width: 450px;
        text-align: center;
        box-sizing: border-box;
}
.item img {
        width: 450px;
        height: 450px;
        display: block;
}
.item p {
        width: 100%;
        margin: 8px 0;
        overflow-wrap: break-word;
        word-wrap: break-word;
}
}