#customers {
    border-collapse: collapse;
    margin-top: 190px;
    font-size: medium;
    text-align: left;
    width: 100%;
  }
  
  #customers td, #customers th {
    border: 1px solid #ddd;
    padding: 10px 0 10px 50px;
    width: 5%;
  }

  #service_colour, #service_balayage, #service_cuts, #service_treatments, #service_hilight {
    font-size: 20px;
    font-weight: bolder;
    text-decoration: underline;
  }
  
  #customers tr:nth-child(even){background-color: #F5EBE0;}
  
  #customers tr:hover {background-color: #ddd;}
  
  #customers th {
    font-family: 'Gruppo', cursive;
    font-size: 150%;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #F0DBDB;
    color: white;
  }
  .hair_length {
    font-size: 90%;
    text-indent: 5%;
    }

  @media (max-width: 415px) {
    #customers {
        font-size: smaller;
        width: 100%;
    }
    #customers td, #customers th {
        padding: 10% 3%;
    }
  }