.c-hero {
  background-color: transparent;
  padding: 0 0 3.125rem;
  position: relative;
  z-index: 0; }

.c-hero__content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 100%; }
  @media screen and (min-width: 60em) {
    .c-hero__content {
      max-width: 36.25rem; } }
  .c-hero__content p {
    text-align: center; }
    @media screen and (min-width: 60em) {
      .c-hero__content p {
        max-width: 450px;
        text-align: left; } }

.c-hero__heading {
  color: #0c7489;
  font-size: 2.3125rem;
  font-weight: 800;
  margin: 1.25rem 0;
  text-align: center; }
  @media screen and (min-width: 60em) {
    .c-hero__heading {
      font-size: 4rem;
      text-align: left; } }

.c-hero__super {
  color: #0c3c46;
  font-size: 1.375rem;
  text-align: center; }
  @media screen and (min-width: 60em) {
    .c-hero__super {
      font-size: 2.125rem;
      text-align: left; } }

.c-hero__link {
  margin: 3.125rem 0 1.875rem;
  text-align: center; }
  @media screen and (min-width: 60em) {
    .c-hero__link {
      text-align: left; } }
  .c-hero__link a {
    background-color: #6d001a;
    border: 0;
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
    padding: 0.625rem 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .3s;
    transition: background-color .3s; }
    .c-hero__link a:hover {
      background-color: #7a0019; }
    .c-hero__link a::after {
      content: "\f061";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      padding-left: 10px; }

.c-hero__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }
  @media screen and (min-width: 60em) {
    .c-hero__image {
      position: absolute;
      right: -350px;
      top: -350px;
      width: 1000px;
      z-index: -1; } }
  .c-hero__image img {
    width: 100%; }

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