@charset "utf-8";

/*
CSS Homepage specific styles


*/

.homePage .mainBanner {
  position: relative;
}
  .homePage .mainBanner img {
    width: 100%;
    display: block;
  }
    .homePage .mainBanner .homePage--mainBanner-copy {
/*      background-color: rgba(0, 0, 0, 0.9);*/
      background-color: #363636;
      width: 100vw;
      color: #fff;
    }

      .homePage .mainBanner .homePage--mainBanner-copy h1 {
        font-family: 'Open Sans', sans-serif, Arial;
        font-size: 0.7rem;
        font-weight: 300;
        text-transform: uppercase;
        text-align: center;
        padding: 2em;
        margin: 0 auto;
        line-height: 1.8em;
      }
        .homePage .mainBanner .homePage--mainBanner-copy h1 span {
          font-size: 1.2rem;
          font-weight: 400;
        }

          @media all and (min-width: 600px) {

              .homePage .mainBanner .homePage--mainBanner-copy h1 {
                font-size: 0.8rem;
                line-height: 2em;
              }
                .homePage .mainBanner .homePage--mainBanner-copy h1 span {
                  font-size: 1.3rem;
                  font-weight: 400;
                }
          }

          @media all and (max-width: 480px) {
            .homePage .mainBanner .homePage--mainBanner-copy br {
              display: none;
            }
          }

          @media all and (min-width: 1660px) {
            .homePage .mainBanner .homePage--mainBanner-copy br {
              display: none;
            }
          }

      @media all and (min-width: 1050px ) {
        .homePage .mainBanner .homePage--mainBanner-copy h1 {
          font-size: 0.9rem;
          line-height: 2em;
        }
          .homePage .mainBanner .homePage--mainBanner-copy h1 span {
            font-size: 1.4rem;
          }

      }

      @media all and (min-width: 1200px ) {
        .homePage .mainBanner .homePage--mainBanner-copy h1 {
          font-size: 1rem;
        }
          .homePage .mainBanner .homePage--mainBanner-copy h1 span {
            font-size: 2.5rem;
          }
      }

.services h2 {
  padding-left: 0.8rem;
}

  @media all and (min-width: 900px) {
    .services h2 {
      padding-left: 0;
    }
  }