@font-face {
    font-family: 'AP-Display-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('/content/dam/auspost-campaign/gach/common/fonts/ap_type_display-bold.woff') format('woff');
  }

  @font-face {
    font-family: 'AP-Text-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/content/dam/auspost-campaign/gach/common/fonts/ap_type_text-regular.woff') format('woff');
  }

  @font-face {
    font-family: 'AP-Text-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('/content/dam/auspost-campaign/gach/common/fonts/ap_type_text-bold.woff') format('woff');
  }

  .gach__wrap {
    background: -webkit-linear-gradient(top, rgb(1, 100, 142) 0%, rgb(41, 140, 179) 23%, rgb(120, 181, 210) 53%, rgb(203, 231, 243) 73%, rgb(227, 242, 247) 100%);
    background: -o-linear-gradient(top, rgb(1, 100, 142) 0%, rgb(41, 140, 179) 23%, rgb(120, 181, 210) 53%, rgb(203, 231, 243) 73%, rgb(227, 242, 247) 100%);
    background: -ms-linear-gradient(top, rgb(1, 100, 142) 0%, rgb(41, 140, 179) 23%, rgb(120, 181, 210) 53%, rgb(203, 231, 243) 73%, rgb(227, 242, 247) 100%);
    background: -moz-linear-gradient(top, rgb(1, 100, 142) 0%, rgb(41, 140, 179) 23%, rgb(120, 181, 210) 53%, rgb(203, 231, 243) 73%, rgb(227, 242, 247) 100%);
    background: linear-gradient(to bottom, rgb(1, 100, 142) 0%, rgb(41, 140, 179) 23%, rgb(120, 181, 210) 53%, rgb(203, 231, 243) 73%, rgb(227, 242, 247) 100%);
    font-family: 'AP-Text-Regular', system, -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Arial', 'Helvetica Neue', 'Lucida Grande', sans-serif;
    min-height: 550px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .gach__waves {
    background-image: url('/content/dam/auspost-campaign/gach/common/images/top-waves.png');
    background-position: center top;
    background-repeat: repeat-x;
    background-size: auto 280px;
    bottom: 0;
    height: 180px;
    position: absolute;
    width: 100%;
  }

  .gach__surfer {
    bottom: 70px;
    height: auto;
    left: 16px;
    position: absolute;
    width: 200px;
  }

  .gach__plane {
    display: none;
    height: auto;
    left: 16px;
    position: absolute;
    top: 10%;
    width: 100px;
  }

  .gach__logo {
    height: auto;
    position: absolute;
    right: 16px;
    top: 50px;
    width: 80px;
  }

  .gach__copy {
    color: white;
    margin: 60px 0;
    max-width: 500px;
    padding: 0 16px;
    text-align: left;
  }

  .gach__main-title {
    font-family: 'AP-Display-Bold', system, -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Arial', 'Helvetica Neue', 'Lucida Grande', sans-serif;
    font-size: 32px;
    letter-spacing: -0.4px;
    line-height: 105%;
    max-width: 75%;
  }

  .gach__subtitle {
    font-size: 16px;
    letter-spacing: -0.2px;
    line-height: 135%;
    margin: 10px 0;
  }

  .gach__button {
    background-color: #DC1928;
    border: 0;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    font-family: 'AP-Text-Bold', system, -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Arial', 'Helvetica Neue', 'Lucida Grande', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    outline: 0;
    padding: 10px 0;
    text-align: center;
    width: 190px;
  }

  .gach__button:hover { background-color: #BF1926; }

  .gach__button:focus {
    border: dotted 1px;
    outline: 0;
  }

  .gach__mobile-hide { display: none; }

  @media screen and (min-width: 1px) and (max-width: 375px) {
    .gach__main-title {
      font-size: 30px;
      max-width: 70%;
    }

    .gach__subtitle { font-size: 15px; }

    .gach__surfer { width: 180px; }
  }

  @media screen and (min-width: 576px) {
    .gach__copy { margin: 150px 0; }

    .gach__logo { width: 100px; }

    .gach__main-title {
      font-size: 40px;
      max-width: 100%;
    }

    .gach__subtitle {
      font-size: 18px;
      margin: 10px 0 15px;
    }

    .gach__mobile-hide { display: block; }

    .gach__wrap { min-height: 617px; }

    .gach__plane { display: block; }

    .gach__surfer { bottom: 50px; }
  }

  @media screen and (min-width: 768px) {
    .gach__button { margin: 10px auto 0; }

    .gach__copy {
      margin: 120px auto;
      text-align: center;
    }

    .gach__main-title { font-size: 50px; }

    .gach__plane {
      left: 8%;
      width: 130px;
    }

    .gach__surfer { width: 250px; }

    .gach__logo {
      right: 50px;
      width: 125px;
    }
  }

  @media screen and (min-width: 970px) {
    .gach__copy { margin: 80px auto 0; }

    .gach__subtitle { font-size: 20px; }

    .gach__logo { top: 16px; }

    .gach__surfer { bottom: 160px; }
  }

  @media screen and (min-width: 1280px) {
    .gach__copy { max-width: 620px; }

    .gach__main-title { font-size: 64px; }

    .gach__surfer { width: 289px; }
  }

  @media screen and (min-width: 1500px) {
    .gach__surfer { left: 10%; }
  }

  @media screen and (min-width: 1920px) and (max-width: 8000px) {
    .gach__surfer { left: 18%; }
  }