.subheader { 

  @media all and (max-width: 750px) {
    width: 90%;
    margin-left: 5%;
  }

  @media all and (min-width: 750px) and (max-width: 991px) {
    width: 75%;
    margin-left: 12.5%;
  }

  @media all and (min-width: 992px) {
    width: 60%;
    margin-left: 20%;
  }
  
  padding-top: 70px;
  margin-bottom: 50px;
  line-height: 46px;
  
  .screenshots & {
    margin-bottom: 0;
  }

  h3 {
    text-transform: uppercase;
    font-family: $header-font;
    font-size: $header-font-size;
    font-weight: 300;
    color: $font-faded;
    margin: 65px 0 20px 0;

    .screenshots &,
    .testimonial & {
      color: #fff;
    }

  }
  
  h4 {
    font-family: $main-font;
    font-size: $subheader-font-size;
    font-weight: 300;
    color: $font-lightgrey;
    
    margin: 20px 0;
    
    .testimonial & {
      color: #fff;
      color: rgba(255, 255, 255, 0.5)
    }
  }
}