.ashArea .orSection > .ashGrid {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.ashArea .orSection > .ashGrid > * {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  box-sizing: border-box;
  min-width: 22ex;
  max-width: 33ex;
}
.ashArea .orSection > .ashGrid > * > .obButton {
  flex: 1;
}
.ashArea .orSection > .ashGrid > * > .obButton > .orH {
  margin: 0;
  font-weight: bold;
  color: inherit;
}
.ashArea .orSection > .ashGrid > * > .ashButton {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  justify-content: center;
  text-decoration: none;
}
.ashArea .orSection > .ashGrid > * > .ashButton > .ashImage {
  position: relative;
  margin: -0.8em;
  border-radius: 0.2em;
  padding: 100% 0 0 0;
}
.ashArea .orSection > .ashGrid > * > .ashButton > .ashImage > .opoPoster {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ashArea .orSection > .ashGrid > * > .ashButton > .ashLabel {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0.5em 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding: 0.5em 0 0 0;
  text-align: center;
  color: inherit;
}

@media all and (max-width: 699px) {
  .ashArea {
    padding: 1rem 1.2rem;
  }
  .ashArea > .orSection > .ashGrid {
    margin: -1.5rem 0 0 -1.5rem;
  }
  .ashArea > .orSection > .ashGrid > * {
    padding: 1.5rem 0 0 1.5rem;
  }
  .ashArea > .orSection + .orSection {
    margin-top: 1.5rem;
  }
}
@media all and (min-width: 700px) {
  .ashArea {
    margin: 0 auto;
    padding: 3vmin 6vmin;
    max-width: 1500px;
  }
  .ashArea > .orH {
    text-align: center;
  }
  .ashArea > .orSection > .ashGrid {
    margin: -6vmin 0 0 -6vmin;
  }
  .ashArea > .orSection > .ashGrid > * {
    padding: 6vmin 0 0 6vmin;
  }
  .ashArea > .orSection + .orSection {
    margin-top: 6vmin;
  }
  .ashArea > .ashTextSection.orSection {
    display: flex;
    justify-content: center;
  }
}
@media all and (max-width: 699px) {
  .ashArea > .orSection > .ashGrid > * {
    width: 50%;
  }
}
@media all and (min-width: 550px) {
  .ashArea > .orSection > .ashGrid > * {
    width: 33.3333%;
  }
}

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