.package-intro{
  margin-left: 10%;
  width: 80%;
  font-size: 120%;
}
@media screen and (max-width: 420px) { /* Large Phone */
  .package-intro {
    margin-left: 0%;
    width: 100%;
  }
}

#package-list-intro {
  font-size: 120%;
  text-align: center;
  font-weight: bold;
  margin: inital;
}
@media screen and (max-width: 420px) { /* Large Phone */
  #package-list-intro {
    margin-top: 20px;
    font-size: 140%;
  }
}

#package-list li {
  font-size: 110%;
  margin-left: 7%;
  width: 85%;
}
@media screen and (max-width: 420px) { /* Large Phone */
  #package-list li {
    font-size: 130%;
    margin-left: 0%;
    width: 100%;
  }
}

.lesson-intro-overview{
  min-height: 200px;
}

div.col-md-7.col-sm-12{
  background: var(--less-transparent-bg);
  border-right: 2px solid grey;
  border-left: 2px solid grey;
}