/*
* ----------------------------------------------------------------------------------------
* BANNERS
* ----------------------------------------------------------------------------------------
*/
@media only screen and (min-width: 1px) {
  body {
    font-size: 14px;
    font-weight: 300; }

  .mobile--hero-banner,
  .mobile--banner {
    height: auto;
    margin-top: 80px;
    width: 100%; }

  .legal-content a {
    color: #6CC049;
    text-decoration: underline !important; }

  .legal-description {
    padding: 10px 25px; }
    .legal-description p {
      font-size: 12px;
      line-height: 19px; }
    .legal-description .link {
      color: #6CC049; }
    .legal-description .learn-more {
      color: #00AE41;
      display: block;
      font-size: 16px;
      font-weight: 700;
      margin-top: 20px;
      text-decoration: none !important;
      text-transform: uppercase; }
      .legal-description .learn-more img {
        position: relative;
        top: -1px;
        width: 7px; } }
@media only screen and (min-width: 768px) {
  .legal-description {
    padding: 10px 45px; }
    .legal-description p {
      font-size: 16px;
      font-weight: 300;
      line-height: 22px; }
    .legal-description .learn-more {
      color: #00AE41;
      display: block;
      font-size: 16px;
      font-weight: 700;
      margin-top: 20px;
      text-decoration: none !important;
      text-transform: uppercase; }
    .legal-description img {
      position: relative;
      top: -1px;
      width: 7px; }

  .desktop--hero-banner {
    margin-top: 85px; }

  .desktop--hero-banner-container {
    margin-top: -5px;
    position: relative; }
    .desktop--hero-banner-container img {
      height: auto;
      width: 100%; }

  .banner-title {
    color: #007078;
    font-size: 26px;
    font-weight: 300;
    left: 0;
    position: absolute;
    top: 0; }

  .banner-title {
    left: 45px;
    max-width: 30px; }

  .legal-content a {
    color: #6CC049;
    text-decoration: underline !important; } }
@media only screen and (min-width: 992px) {
  .banner-title {
    font-size: 34px;
    left: 45px; } }
@media only screen and (min-width: 1200px) {
  .hero-banner-container {
    position: relative; }
    .hero-banner-container .our-business-model {
      color: #007078;
      font-size: 38px;
      font-weight: 300;
      left: 40px;
      max-width: 280px;
      top: 140px; }

  .banner-title {
    font-size: 46px;
    max-width: 295px; } }

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