@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.image-tiles {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin: 0 -50vw 4em; }
  .image-tiles .image-tile {
    margin-bottom: 10px; }
    @media screen and (min-width: 992px) {
      .image-tiles .image-tile {
        margin-bottom: 0; } }
    .image-tiles .image-tile .image-tile__text-contents {
      padding: 5em; }
      @media (max-width: 1024px) {
        .image-tiles .image-tile .image-tile__text-contents {
          padding: 2em;
          background-color: rgba(0, 0, 0, 0.55);
          height: 100%;
          justify-content: center; } }

.image-tiles__secondary > div:first-of-type {
  margin-bottom: 10px; }
  @media screen and (min-width: 992px) {
    .image-tiles__secondary > div:first-of-type {
      margin-bottom: 5px; } }

.image-tiles__main {
  padding: 0; }
  .image-tiles__main .cta {
    -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.5)); }
  .image-tiles__main h2,
  .image-tiles__main div {
    text-align: left; }
    @media (max-width: 1024px) {
      .image-tiles__main h2,
      .image-tiles__main div {
        text-align: center; } }
  @media screen and (min-width: 992px) {
    .image-tiles__main {
      padding-right: 5px; } }
  .image-tiles__main .image-tile .image-tile__container {
    height: 405px;
    background-position: 75%; }
    @media (max-width: 1024px) {
      .image-tiles__main .image-tile .image-tile__container {
        background-position: right;
        height: 450px; } }
    @media (max-width: 1024px) {
      .image-tiles__main .image-tile .image-tile__container.text-right {
        background-position: left; } }
    .image-tiles__main .image-tile .image-tile__container.text-center .image-tile__text-contents {
      margin-bottom: 0; }
    @media screen and (min-width: 1440px) {
      .image-tiles__main .image-tile .image-tile__container {
        height: 505px; } }
    @media screen and (min-width: 1920px) {
      .image-tiles__main .image-tile .image-tile__container {
        height: 555px; } }
    @media screen and (min-width: 2560px) {
      .image-tiles__main .image-tile .image-tile__container {
        height: 705px; } }
    .image-tiles__main .image-tile .image-tile__container h2 {
      font-size: 3.5rem;
      font-weight: 700;
      line-height: 1; }
      @media (max-width: 1024px) {
        .image-tiles__main .image-tile .image-tile__container h2 {
          text-align: center;
          font-size: 3rem; } }

.image-tiles__secondary .image-tile__container {
  height: 405px;
  min-height: unset;
  padding: 0; }
  .image-tiles__secondary .image-tile__container::after {
    content: '\A';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.55); }
  .image-tiles__secondary .image-tile__container h2 {
    margin: 0; }
  @media (max-width: 1024px) {
    .image-tiles__secondary .image-tile__container {
      height: 250px; } }
  @media screen and (min-width: 992px) {
    .image-tiles__secondary .image-tile__container {
      height: 200px; } }
  @media screen and (min-width: 1440px) {
    .image-tiles__secondary .image-tile__container {
      height: 250px; } }
  @media screen and (min-width: 1920px) {
    .image-tiles__secondary .image-tile__container {
      height: 275px; } }
  @media screen and (min-width: 2560px) {
    .image-tiles__secondary .image-tile__container {
      height: 350px; } }
  .image-tiles__secondary .image-tile__container .image-tile__text-contents {
    position: relative;
    z-index: 10;
    width: 100%;
    color: #ffffff; }
    @media (max-width: 1024px) {
      .image-tiles__secondary .image-tile__container .image-tile__text-contents {
        align-self: center;
        background-color: transparent; } }
  .image-tiles__secondary .image-tile__container h3 {
    font-size: 1.9em;
    margin-bottom: 0; }
  .image-tiles__secondary .image-tile__container p {
    margin-bottom: 0.3em; }
  .image-tiles__secondary .image-tile__container .image-tile__cta {
    margin-top: 0.5em; }
  .image-tiles__secondary .image-tile__container a.button.button:hover,
  .image-tiles__secondary .image-tile__container a.button.button:active {
    color: #ff4c00; }