@charset "utf-8";

#customers {
  font-family: Calibri;
  border-collapse: collapse;
  width: 74%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;    
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #04AA6D;
  color: white;
}

* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  font-size: 115%;
  text-align: center;
}

.flex-item-left {
  background-color: #f1f1f1;
  padding: 10px;
  flex: 19%;
}

.flex-item-right {
  background-color: #C2C7CB;
  padding: 10px;
  flex: 19%;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 1100px) {
  .flex-item-right, .flex-item-left {
    flex: 100%;
  }
}