@media screen and (max-width: 1200px) {
  header, footer {
    padding: 0 10%;
  }
  header a {
    right: 10%;
  }
  nav {
    padding: 10px 10%;
  }
  #learnpage .accordions {
    padding: 20px 10%;
  }
  #learnpage .subsection .subsection_title {
    width: 25% !important;
  }
  #learnpage .subsection .sessions {
    width: 75% !important;
  }
  #learnpage .subsection .sessions .session {
    width: 33%;
  }
  #homepage .details {
    flex-wrap: wrap;
    padding: 20px 10%;
  }
  #homepage .details .details_timetable {
    width: 100%;
  }
  #homepage .details .details_terms {
    margin-top: 50px;
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  #learnpage .subsection .subsection_title {
    width: 100% !important;
  }
  #learnpage .subsection .subsection_title div {
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding: 0 20px !important;
    gap: 20px;
  }
  #learnpage .subsection .subsection_title .subsection_title_number {
    position: relative !important;
    padding: 0 !important;
    font-size: 2em !important;
  }
  #learnpage .subsection .subsection_title .subsection_title_name {
    padding: 20px 0 !important;
  }
  #learnpage .subsection .sessions {
    width: 100% !important;
  }
  #learnpage .subsection .sessions .session {
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  header, footer {
    padding: 0 6%;
  }
  header a {
    right: 6%;
  }
  nav {
    padding: 10px 6%;
  }
  #learnpage .accordions {
    padding: 20px 6%;
  }
  #learnpage .accordion .accordion_trigger {
    padding: 5px 0 5px 15px;
  }
  #learnpage .subsection_title {
    padding: 10px !important;
  }
  #learnpage .sessions .session {
    width: 50% !important;
    padding: 10px;
  }
  #learnpage .sessions .session div {
    padding: 12px;
  }
  #homepage .details {
    padding: 20px 6%;
  }
}/*# sourceMappingURL=responsive.css.map */