/* TODO: Not currently used */                                                  
@media screen and (max-width: 480px) {                                          
  .table-scroller {                                                             
    overflow-x: auto;                                                           
    width: 320px;                                                               
  }                                                                             
}                                                                               
                                                                               
table {                                                                         
  margin: auto;                                                                 
  width: 80%;
  display: table;

  & thead {
    border: 2px solid $dark;
  }

  & td {                                                                        
    padding: 0.5em 1em;                                                         
    border: 1px solid $dark;                                                    
  }                                                                             
} 

td[colspan] {
  text-align: center;

  & h3 {
    font-weight: bold;
  }
}
