h2 {
  font-size: 2vw;
  font-weight: 600;
  padding-top: 2vw;
  text-align: center;
}

section.events {
  width: 100%;
  padding: 4vw;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  padding: 1vw;
  text-align: center;
  border: 1px solid #dddddd;
}

th {
  background-color: #f2f2f2;
}

@media (max-width:600px) {
  h2 {
    font-size: 5vw;
    font-weight: 600;
    padding-top: 4vw;
  }
  
  section.events {
    padding: 6vw;
  }
  
  th,
  td {
    padding: 2vw;
    text-align: center;
    border: 1px solid #dddddd;
  }
  
  th {
    font-weight: 600;
    background-color: #f2f2f2;
  }
}