.site-section {
    padding: 3em 0; }
    @media (min-width: 768px) {
      .site-section {
        padding: 7em 0; } }
    .site-section.site-section-sm {
      padding: 4em 0; }

      .site-section-title h2 {
        text-transform: uppercase;
        color: #000;
        font-weight: 700;
        font-size: 2rem;
        letter-spacing: .1em; }
        
.unit-8 .accordion-item .heading {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 10px 0; }
    .unit-8 .accordion-item .heading > a {
      padding-left: 35px;
      position: relative;
      color: #000; }
      .unit-8 .accordion-item .heading > a:before {
        width: 20px;
        height: 20px;
        line-height: 18px;
        
        text-align: center;
        font-size: 18px;
        top: .1em;
        left: 0; }
      .unit-8 .accordion-item .heading > a[aria-expanded="true"]:before {
        font-family: 'fontawesome';
        position: absolute;
        content: "\f151";
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        
        color: #1f3c88;
         }
      .unit-8 .accordion-item .heading > a[aria-expanded="false"]:before {
        content: "\f150";
        color: #ccc;
        font-family: 'fontawesome';
        position: absolute;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
  
  .unit-8 .accordion-item .body-text {
    padding: 5px 0;
    padding-left: 30px; }