@media screen and (max-width:400px){
    
    .galeria-container {
            width: 100%;
            overflow-x: auto;    
            overflow-y: hidden;
            white-space: nowrap; 
            padding: 20px 0;
            background-color: #f0f0f0;
            border-radius: 10px;
        } 
        
        .galeria-item {
            display: inline-block;
            margin-right: 15px;
            text-align: center;
            vertical-align: top;
        }

        .galeria-item img {
            width: 150px;      
            height: 100px;
            object-fit: cover;    
            border-radius: 8px;
            box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
            transition: transform 0.3s ease;
            display: block;
        } 

        
        .galeria-item img:hover {
            transform: scale(1.05);
        } 

        
        .preco {
            margin-top: 8px;
            font-family: Arial, sans-serif;
            font-size: 16px;
            font-weight: bold;
            color: #e74c3c;
            background-color: white;
            padding: 5px 10px;
            border-radius: 20px;
            display: inline-block;
            box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
        }
        .galeria-container::-webkit-scrollbar {
            height: 10px;
        } 

        .galeria-container::-webkit-scrollbar-track {
            background: #ddd;
            border-radius: 10px;
        } 

        .galeria-container::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        } 

        .galeria-container::-webkit-scrollbar-thumb:hover {
            background: #555;
        } 

        
        .instrucao {
            text-align: center;
            margin-top: 15px;
            color: #555;
            font-family: Arial, sans-serif;
        }

        h2 {
            font-family: Arial, sans-serif;
            text-align: center;
        }
    
    
    
        
     
          table{
    border: 1px solid #000000;
     /* text-align:center;*/
     margin: auto;
     width:100%; 
      border-collapse: collapse;
    }
     th{
      padding: 5px;
      border: 1px solid #000000;
       text-align: center;
       }
  td{
    padding: 5px;
    border: 1px solid #000000;
    text-align: center;
    }
  
  
  body{
    font-family: Arial;
    font-size: 16px;
    
  }
  
  /*.top{
    ackground-color: #00FF00;
    
  }
  .conteudo{
    background-color:#0000FF;
    
  }
  .conteiner{
    background-color:#00FF00;
    
    
  }
  .foot{
    background-color:#87cefa;
    
  }*/
}
@media screen and (min-width:401px) and (max-width:30000px){
        
        .galeria-container {
            width: 100%;
            overflow-x: auto;    
            overflow-y: hidden;
            white-space: nowrap; 
            padding: 20px 0;
            background-color: #f0f0f0;
            border-radius: 10px;
        } 
        
        .galeria-item {
            display: inline-block;
            margin-right: 15px;
            text-align: center;
            vertical-align: top;
        }

        .galeria-item img {
            width: 75px;      
            height: 50px;
            object-fit: cover;    
            border-radius: 8px;
            box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
            transition: transform 0.3s ease;
            display: block;
        } 

        
        .galeria-item img:hover {
            transform: scale(1.05);
        } 

        
        .preco {
            margin-top: 8px;
            font-family: Arial, sans-serif;
            font-size: 16px;
            font-weight: bold;
            color: #e74c3c;
            background-color: white;
            padding: 5px 10px;
            border-radius: 20px;
            display: inline-block;
            box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
        }
        .galeria-container::-webkit-scrollbar {
            height: 10px;
        } 

        .galeria-container::-webkit-scrollbar-track {
            background: #ddd;
            border-radius: 10px;
        } 

        .galeria-container::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        } 

        .galeria-container::-webkit-scrollbar-thumb:hover {
            background: #555;
        } 

        
        .instrucao {
            text-align: center;
            margin-top: 15px;
            color: #555;
            font-family: Arial, sans-serif;
        }

        h2 {
            font-family: Arial, sans-serif;
            text-align: center;
        }
    
  
        
  table{
    border: 1px solid #000000;
     /* text-align:center;*/
     margin: auto;
    /* width:100%; */
    width:300px;
      border-collapse: collapse;
    }
     th{
      padding: 5px;
      border: 1px solid #000000;
       text-align: center;
       }
  td{
    padding: 5px;
    border: 1px solid #000000;
    text-align: center;
    }
  
  body{
    font-family: Arial;
    font-size: 13px;
    
  }
   /*.top{
    background-color: #00FF00;
    
  }
  .conteudo{
    background-color:#0000FF;
    
  }
  .conteiner{
    background-color:#00FF00;
    
    
  }
  .foot{
    background-color:#87cefa;
    
  }*/
  
  
}