#courses-menu {
  margin: auto;
  padding-top: 14%;
}

#courses-table-container {
  width: 80%;
  max-height: 30vh;
  overflow-y: auto;
}

.course-icon {
  width: 32px;
}

/* X-Small devices (portrait phones, less than 576px) */
@media (min-width: 575.98px) {

  #courses-menu {
    padding-top: 15%;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) {

  #courses-menu {
    padding-top: 15%;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 991.98px) {

  #courses-menu {
    padding-top: 15%;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 1199.98px) {

  #courses-menu {
    padding-top: 14%;
  }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) {

  #courses-menu {
    padding-top: 14%;
  }
}