@import "variables";
@import "mixins";

section.page-404 {
  .slogan {
    font-family: $font-family-cursive;
    font-size: $fs-h1;
    color: $col-prm;
    line-height: 1;
    margin-bottom: 0;
    @include bp("md") {
      font-size: $fs-h2;
    }
  }
  .content-wrap {
    text-align: center;
    margin: calc(#{$space-lg}* 1.5) 0;
    h1 {
      color: $col-sec;
    }
    .large {
      margin: $space-sm 0 $space-md;
      text-transform: uppercase;
      font-size: $fs-h4;
      font-weight: bold;
      color: $col-sec;
    }
  }
}
