/* container classes ************************************************************************* */
.container {
  width: 100%;
  max-width: 1482px !important;
  padding: 2rem 1rem; /* 1rem = 16px */
  margin-right: auto;
  margin-left: auto;
}
.container.container-1300{
    max-width: 1300px !important;
}
.container.container-1200{
    max-width: 1200px !important;
}
@media (max-width: 1500px) {
  .container{
    max-width: 1400px !important;
  }
  .container.container-1300{
    max-width: 1300px !important;
    }
}

@media (max-width: 1400px) {
  .container,
  .container.container-1300{
    max-width: 1300px !important;
  }
}
@media (max-width: 1300px) {
  .container,
  .container.container-1300{
    max-width: 1200px !important;
    }
}
/* Only for course locator */
@media (min-width: 1300px) and (max-width: 1400px) {
  .container.container-1360,
  .container.container-1300{
    max-width: 1300px !important;
    }
}
@media (max-width: 1200px) {
  .container,
  .container.container-1300{
    max-width: 1024px !important;
  }
}
@media (max-width: 1024px) {
  .container,
  .container.container-1300{
    max-width: 962px !important;
  }
}

@media (max-width: 992px) {
  .container,
  .container.container-1300{
    max-width: 720px !important;
  }
}

@media (max-width: 768px) {
  .container,
  .container.container-1300{
    max-width: 540px !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (max-width: 576px) {
  .container,
  .container.container-1300{
    max-width: 100% !important;
    padding: 1.5rem 0.75rem;
  }
}