body {
  font-family: 'Quicksand', sans-serif; }
  body h1 {
    font-size: 40px;
    font-weight: 400; }
    body h1.title-dark {
      color: #373636; }
    body h1.title-light {
      color: #FFFFFF; }
    @media screen and (max-width: 767px) {
      body h1 {
        font-size: 30px; } }
  body p.intro {
    margin-bottom: 30px; }
  body p.heavy {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      body p.heavy {
        font-size: 18px; } }
  body p.mid {
    font-size: 22px; }
    @media screen and (max-width: 767px) {
      body p.mid {
        font-size: 18px; } }

body {
  background: #373636;
  color: #373636; }
  body .coral {
    background: #EE7766;
    color: #FFFFFF;
    font-size: 22px; }
    @media screen and (max-width: 767px) {
      body .coral {
        font-size: 18px; } }
  body .white {
    background: #FFFFFF; }
  body .grey {
    background: #373636; }
  body .light {
    background: #F8F8F8; }
  body .panel {
    padding-top: 50px;
    padding-bottom: 50px; }
    @media screen and (max-width: 767px) {
      body .panel {
        padding-top: 30px;
        padding-bottom: 30px; } }
  body .panel-sm {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      body .panel-sm {
        padding-top: 10px;
        padding-bottom: 10px; } }
  body .panel-lrg {
    padding-top: 100px;
    padding-bottom: 100px; }
    @media screen and (max-width: 767px) {
      body .panel-lrg {
        padding-top: 30px;
        padding-bottom: 30px; } }
  body .panel-mid {
    padding-top: 50px;
    padding-bottom: 80px; }
    @media screen and (max-width: 767px) {
      body .panel-mid {
        padding-top: 30px;
        padding-bottom: 30px; } }
  body .title-margin {
    margin-bottom: 50px; }
    @media screen and (max-width: 767px) {
      body .title-margin {
        margin-bottom: 30px; } }
  body .title-margin-sm {
    margin-bottom: 30px; }
  body .footer {
    color: #FFFFFF;
    font-size: 12px; }
    body .footer a {
      color: #FFFFFF; }
      body .footer a:hover, body .footer a:active, body .footer a:focus {
        color: #EE7766;
        text-decoration: none; }
    body .footer ul {
      -webkit-padding-start: 0;
      padding-inline-start: 0;
      list-style-type: none; }
      body .footer ul li {
        display: inline-block; }
        body .footer ul li:after {
          content: '/';
          color: #EE7766;
          padding: 0 10px 0 14px; }
        body .footer ul li:last-of-type:after {
          display: none; }
  body img.logo {
    width: 200px; }
  body .dots {
    border-bottom: dashed 1px #F6B09D;
    max-width: 300px;
    margin: 0 auto;
    padding-top: 50px;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      body .dots {
        padding-top: 30px;
        margin-bottom: 20px; } }
  body .apps img {
    padding: 10px; }
  body .feature-box {
    font-size: 18px;
    border: 1px dashed #F6B09D;
    background: white;
    padding: 20px;
    border-radius: 10px;
    overflow: auto; }
    body .feature-box img {
      margin-right: 15px;
      float: left; }
    body .feature-box p {
      margin-bottom: 0;
      line-height: 22px;
      margin-right: 20px; }
    @media screen and (max-width: 1199px) {
      body .feature-box {
        font-size: 15px; }
        body .feature-box p {
          margin-right: 0; } }
    @media screen and (max-width: 991px) {
      body .feature-box {
        font-size: 16px;
        margin-bottom: 20px; }
        body .feature-box img {
          float: none;
          margin: 0 auto;
          display: block;
          margin-bottom: 20px; }
        body .feature-box p {
          text-align: center;
          margin-right: 0; } }
  body .sub-header a {
    color: #FFFFFF;
    font-size: 16px; }
    body .sub-header a:active, body .sub-header a:focus, body .sub-header a:hover {
      text-decoration: none;
      opacity: 0.7; }
  body .modal-content .modal-header {
    background: #373636; }
    body .modal-content .modal-header h5.modal-title {
      font-size: 26px;
      color: #EE7766; }
    body .modal-content .modal-header .close {
      padding: 0;
      margin: 0;
      text-shadow: none;
      color: #FFFFFF;
      opacity: 1;
      margin-top: 5px;
      margin-right: 10px; }
  body .modal-content .modal-body {
    font-size: 12px; }
    body .modal-content .modal-body h4 {
      font-size: 16px;
      color: #EE7766; }
    body .modal-content .modal-body ol {
      list-style-type: lower-alpha; }
  body .modal-content a {
    color: #EE7766; }

.lesson-plan {
  letter-spacing: 1px;
  margin-bottom: 50px; }
  .lesson-plan img.plan-logo {
    width: 280px;
    margin-top: 50px;
    margin-bottom: 50px; }
  .lesson-plan .plan-line {
    border-bottom: 1px dashed #A3A4A5; }
  .lesson-plan .plan-space {
    padding-top: 30px;
    padding-bottom: 30px; }
  .lesson-plan .plan-space-p {
    padding-top: 30px;
    padding-bottom: 15px; }
  .lesson-plan h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px; }
  .lesson-plan h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px; }
  .lesson-plan p.bold {
    font-weight: 600; }
  .lesson-plan .lesson-plan-table .table-space {
    height: 36px; }
  .lesson-plan .lesson-plan-table .plan-header {
    font-weight: 600;
    width: 100px; }
  .lesson-plan .lesson-plan-table .plan-details {
    font-weight: 500; }
  .lesson-plan .lesson-index .table-space {
    height: 36px; }
  .lesson-plan .lesson-index .lesson-number {
    font-weight: 600;
    width: 160px; }
  .lesson-plan .lesson-index .lesson-name {
    font-weight: 500; }
  .lesson-plan ul li {
    margin: 5px 0; }

/*# sourceMappingURL=main.css.map */