body {
  background-color: #fff;
}

.main {
  background-color: #fff;
}

.main section {
  background-color: #fff;
}

.main .container {
  background-color: #fff;
  color: #909090;
}

.main .intro .container {
  margin-top: 90px;
}

.main .intro section .container {
  margin-top: 40px;
}

.main .overview-details-title {
  color: #909090;
}

.footer .container .footer-menu {
  margin: 0;
}

.main .form-control {
  height: auto !important;
}

.main .lesson-plan {
  padding-top: 5rem;
}

.main .overview-details {
  margin-bottom: 4rem;
}

.next-lesson-link {
  text-align: right;
  margin: 15px auto;
  padding: 0;
}

.class-hero {
  vertical-align: middle;
  margin: 0 auto;
  padding: 0;
}

.class-hero img {
  display: block;
  margin-left: 90px;
  margin-top: 40px;
}

.v-player-container {
  display: block;
  margin: auto;
  width: 100% !important;
}

.next-lesson {
  color: #be3f3f;
  font-weight: bold;
}

.overview-details h4 {
  font-family: 'Montserrat-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #0f0f0f;
}

.overview-details p {
  font-family: 'Montserrat-Light', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.overview-details button.btn a {
  color: #fff;
}

.lesson-list-parent, .lesson-view-introduction {
  font-family: 'Montserrat-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.intro, .intro .container, .intro .main section, .intro .lesson-view-introduction {
  background-color: #f8f8f8;
}

.intro-card {
  margin: 0 auto;
}

.lesson-list-parent {
  border: 15px solid;
  border-image: repeating-linear-gradient(-45deg, #c1c1c1, #c1c1c1, #c1c1c1, #C1C1C1, #3e3e3e 10px) 15;
}

.gybmc-section {
  border: 20px solid #000;
  border-bottom-width: 40px;
}

.gybmc-section-head {
  background-color: #000;
  padding-bottom: 20px;
}

.gybmc-section-head .section-head-header, .gybmc-section-head .section-head-subheader {
  font-family: 'Montserrat-Light', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 20px;
}

.lesson-discussions-content {
  margin-bottom: 80px;
}

.lesson-discussions-content .discussion-item {
  border-bottom: 0.2rem solid #f8f8f8;
}

.class-overview-link {
  text-align: left;
  position: fixed;
  top: 25px;
  z-index: 9999;
}

.class-overview-arrow {
  color: #be3f3f;
  font-size: 20px;
  vertical-align: middle;
}

.class-overview {
  color:#fff;
}

/*Mobile*/
@media only screen and (max-width: 420px) {
  .main .intro section .container {
    margin-top: 20px;
  }

  .class-overview-link {
    display: none;
  }

  .next-lesson-link {
    margin: 10px auto;
  }
}