form {      
        display: flex;      
        gap: 0.5rem;      
        max-width: 600px;
        margin: 0 auto;   
        }
input {      
        flex: 1;      
        padding: 0.6rem;    
        }
.button3 {      
        padding: 0.6rem 1rem;      
        cursor: pointer;
        font-weight: 500;
        text-transform: uppercase;
        color: #f3e4e4;
        border: 1px solid #c83a3a;
        border-radius: 4px;
        box-shadow: 1.5px 1.5px 0 0px rgba(156, 42, 42, 1);
        background: #c83a3a;
        -moz-transition: all 0.6s ease;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.6s;
        -webkit-transition-timing-function: ease;            
        }
.button3:hover {
	      background: rgba(243,228,228,0.5);
	      border: 1px solid #c83a3a;
	      box-shadow: none;
	      color: #c83a3a;
	      -moz-transition: all 0.3s ease;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-timing-function: ease;
        } 
.search-results {
          text-align: center;          
        }
table {      
        border-collapse: collapse;      
        margin-top: 1rem;
        width: 100%;
        table-layout: fixed;    
        }
th, td {      
        border: 1px solid #ccc;      
        padding: 0.6rem;      
        text-align: center;      
        vertical-align: top;
        overflow-wrap: anywhere;    
        }
th {      
        background: #f2f2f2;    
        }
.search-results-table {
          display: none;
        }
.search-results-table.visible {
          display: contents;
        } 
.hs_container.hidden {
          display: none;
        }
.table-wrap {  
width: 100%;  
overflow-x: auto;
} 
@media screen and (max-width: 600px) { 
  th,  td {    
    padding: 4px;    
    font-size: 12px;  
    }
}    
@media screen and (max-width: 587px) { 
  table {
    font-size: 12px;
  }
}
@media screen and (max-width: 475px) { 
    
}