body {
  font-size: 16px;
  padding-top: 50px;
}

.about-list {
  padding-left: 28px;
}

.dropdown-row {
  margin: 5px 2px;
}

.btn-primary {
  background-image: none;
}

.btn-right {
  margin: 10px 0 0 0;
  float: right;
}

.panel-top {
  margin: 10px 0 0 0;
}

.footer-item {
  float: left;
  margin-right: 5px;
}

.glyphicon, #data-table > thead > tr > th, .nav-tabs > li, .nav-tabs > li > a {
  position: static;
}

#search-results {
  position: fixed;
  overflow-y: auto;
  max-height: 75vh;
  z-index: 1000;
}

.search-results {
  background-color: #dbdbdb;
  margin: 0;
  padding: 0;
}

ul#course-list, ul#instructor-list, ul#other-pages-list {
  list-style-position: inside;
  padding-left: 5px;
}

.form-no-margins {
  padding: 10px 15px;
  margin: 0;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
}

p.crumb {
  margin-bottom: 0;
}

.no-margins {
  margin: 0;
}

.alert {
  margin: 20px 0;
}

@media (max-width: 767px) {
  #search-results-container {
    position: fixed;
  }

  #navigation {
    position: absolute;
    z-index: 1000;
  }

  #content {
    position: relative;
    margin-top: 54px;
  }

  .anchor {
    padding-top: 104px;
    margin-top: -104px;
  }

  .chart-div {
    height: 450px;
  }
}

@media (min-width: 768px) {
  #search-results-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 468px;
  }

  .anchor {
    padding-top: 50px;
    margin-top: -50px;
  }

  .chart-div {
    height: 500px;
  }
}

@media (min-width: 992px) {
  #search-results-container {
    width: 688px;
  }

  .chart-div {
    height: 550px;
  }
}

@media (min-width: 1200px) {
  #search-results-container {
    width: 888px;
  }

  .chart-div {
    height: 600px;
  }
}

@font-face {
    font-family: "Montserrat-Light";
    src: local('Montserrat Light'),
         local('Montserrat-Light'),
         url("../font/Montserrat-Light.otf") format('opentype');
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-Medium";
    src: local('Montserrat Medium'),
         local('Montserrat-Medium'),
         url("../font/Montserrat-Medium.otf") format('opentype');
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-Bold";
    src: local('Montserrat Bold'),
         local('Montserrat-Bold'),
         url("../font/Montserrat-Bold.otf") format('opentype');
    font-display: swap;
}

.navbar-brand {
    font-family: Montserrat-Bold;
    font-size: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat-Medium;
}

p, a, button, input, li, div {
    font-family: Montserrat-Light;
}