.wrapper {
  width: 90%;
  max-width: 1332px;
  margin: 0 auto; }

.arrow-link--back::before {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.arrow-link--back::before {
  content: "\e907"; }

.arrow-link--back::after {
  border-radius: 4px; }

.layout-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.main-content-container {
  padding-top: calc(30px + 30 * ((100vw - 600px) / 1080));
  padding-bottom: calc(30px + 30 * ((100vw - 600px) / 1080)); }
  @media screen and (max-width: 600px) {
    .main-content-container {
      padding-top: 30px; } }
  @media screen and (min-width: 1680px) {
    .main-content-container {
      padding-top: 60px; } }
  @media screen and (max-width: 600px) {
    .main-content-container {
      padding-bottom: 30px; } }
  @media screen and (min-width: 1680px) {
    .main-content-container {
      padding-bottom: 60px; } }

.arrow-link--back {
  min-height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  color: #292929;
  padding-left: 50px; }
  .arrow-link--back::before, .arrow-link--back::after {
    position: absolute; }
  .arrow-link--back::before {
    z-index: 1;
    color: #FFFFFF;
    font-size: 40px;
    left: 0;
    transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
  .arrow-link--back::after {
    width: 40px;
    height: 40px;
    background-color: #500a32;
    left: 0;
    transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    content: ''; }
  .has-mouse .arrow-link--back:hover::before {
    color: #500a32;
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .has-mouse .arrow-link--back:hover::after {
    background-color: #EBEBEB;
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.color-primary {
  color: #500a32; }

.mobile-subheader {
  height: 60px;
  background-color: #EBEBEB;
  border-top: 1px solid #dedede;
  display: none; }
  .mobile-subheader > .wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  @media (max-width: 1024px) {
    .mobile-subheader {
      display: block; } }

.is-mobile {
  display: none; }
  @media (max-width: 600px) {
    .is-mobile {
      display: block; } }

/*# sourceMappingURL=../../_maps/components/class/class.css.map */