.header-wrapper {
  position: relative;
  z-index: 1; }
  .header-wrapper .visual {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99;
    height: 350px; }
    @media (min-width: 992px) {
      .header-wrapper .visual {
        height: 705px; } }
    .header-wrapper .visual:after {
      content: '';
      display: block;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 100; }
  .header-wrapper .row {
    position: absolute;
    top: 0;
    left: 15px;
    width: 100%;
    height: 100%;
    z-index: 101; }
    @media (min-width: 992px) {
      .header-wrapper .row {
        left: 0; } }
    .header-wrapper .row h1 {
      color: #FFF;
      font-size: 35px;
      line-height: 35px;
      margin: 0 auto;
      width: 250px; }
      @media (min-width: 992px) {
        .header-wrapper .row h1 {
          width: 100%;
          font-size: 60px;
          line-height: 90px; } }
    .header-wrapper .row h2 {
      color: #FFF;
      line-height: 45px;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 14px; }
      @media (min-width: 992px) {
        .header-wrapper .row h2 {
          font-size: 25px; } }
      .header-wrapper .row h2 span {
        padding: 0 5px; }
        @media (min-width: 992px) {
          .header-wrapper .row h2 span {
            padding: 0 10px; } }

/*# sourceMappingURL=../maps/custom/header_large_visual.css.map */