.splash__main__item a:before, .splash__main__item__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

/*https://www.sitepoint.com/building-linear-gradient-mixin-sass/*/
.splash__main__item a:before, .splash__main__item__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.splash__main__item a:before, .splash__main__item__bg {
  -webkit-transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  -o-transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  transition: color 0.2s ease, fill 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; }

.splash {
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease; }

.splash {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: #626467;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  visibility: hidden; }
  .mason--splash .splash {
    opacity: 1;
    visibility: visible; }
  .splash svg {
    width: 29.16969em;
    height: 31.82231em; }
  .splash__header {
    font-size: 0.6em;
    padding: 2.375em 5%; }
    @media all and (min-width: 415px) {
      .mason--mq .splash__header {
        font-size: 0.7em; } }
    @media all and (min-width: 769px) {
      .mason--mq .splash__header {
        font-size: 0.8em; } }
    @media all and (min-width: 1025px) {
      .mason--mq .splash__header {
        font-size: 0.9em; } }
    @media all and (min-width: 1301px) {
      .mason--mq .splash__header {
        font-size: 1em; } }
    .splash__header__bg {
      position: absolute;
      top: 0.875em;
      right: 5%;
      color: rgba(236, 151, 0, 0.07); }
    .splash__header .ms-center {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      max-width: 51.25em; }
    .splash__header img {
      margin-right: 2.5em;
      max-width: 7.9375em; }
  .splash__main {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto; }
    .splash__main ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: -0.25em;
      height: calc(100% + 0.5em); }
    .splash__main__item {
      -webkit-box-flex: 1;
      -ms-flex: auto;
      flex: auto;
      width: 100%;
      margin: 0.25em;
      color: #EC9700;
      background: currentColor;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .splash__main__item a {
        width: 100%;
        height: 100%;
        padding: 1em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        overflow: hidden; }
        .splash__main__item a:before {
          content: ''; }
        .splash__main__item a:hover:before {
          background: rgba(0, 0, 0, 0.14); }
        .splash__main__item a:hover .splash__main__item__bg {
          color: rgba(255, 255, 255, 0.04); }
      .splash__main__item__bg {
        font-size: 0.475em;
        margin: auto;
        color: rgba(0, 0, 0, 0.06); }
        @media all and (min-width: 415px) {
          .mason--mq .splash__main__item__bg {
            font-size: 0.6em; } }
        @media all and (min-width: 769px) {
          .mason--mq .splash__main__item__bg {
            font-size: 0.75em; } }
        @media all and (min-width: 1025px) {
          .mason--mq .splash__main__item__bg {
            font-size: 0.875em; } }
        @media all and (min-width: 1301px) {
          .mason--mq .splash__main__item__bg {
            font-size: 1em; } }
      .splash__main__item .ms-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .splash__main__item .ms-btn > * {
          padding-top: 1.105em;
          padding-bottom: 1.105em;
          font-size: 1.375em;
          text-transform: none;
          color: inherit !important; }
      .splash__main__item:nth-child(2) {
        color: #626467; }

@media all and (min-width: 900px) {
  .splash__main ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }