/**
 * By default is 3 columns
 */
.menu--main {
  margin: 0 0 1rem;
  padding: 0; }
  .menu--main > li {
    display: block;
    list-style: none; }
  .menu--main .menu__link {
    font-size: 0.7rem;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 1rem 0;
    display: block;
    text-decoration: none; }
    @media (min-width: 37.5em) {
      .menu--main .menu__link {
        font-size: 0.7rem; } }
    .menu--main .menu__link:focus, .menu--main .menu__link:hover {
      color: #DD5E2B; }
    @media (min-width: 62em) {
      .menu--main .menu__link {
        margin-top: 1.5rem;
        padding: 1rem; } }
  @media (min-width: 62em) {
    .menu--main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.menu--1 {
  padding: .75rem 0;
  background: #F6F5F4;
  position: relative;
  white-space: nowrap; }
  @media (min-width: 62em) {
    .menu--1 {
      display: block; }
      .menu--1::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #F6F5F4 transparent;
        position: absolute;
        top: -8px;
        left: 15px; } }
  .menu--1 .menu__link {
    margin-top: 0;
    padding: .5rem 2rem; }

.menu__link.is-active {
  color: #DD5E2B; }

@media (min-width: 62em) {
  .menu__item--dropdown-0 {
    position: relative; }
    .menu__item--dropdown-0 .menu--main {
      position: absolute;
      left: 1rem;
      top: 100%;
      visibility: hidden; }
    .menu__item--dropdown-0:hover .menu--main, .menu__item--dropdown-0:focus .menu--main {
      visibility: visible; } }

@media (min-width: 62em) {
  .menu__link--dropdown-0:hover + .menu--main, .menu__link--dropdown-0:focus + .menu--main {
    visibility: visible; } }

.menu--utility {
  margin: 0 0 1rem;
  padding: 0; }
  .menu--utility > li {
    display: block;
    list-style: none; }
  .menu--utility .menu__link {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
    background: #FEE451;
    text-decoration: none;
    padding: .5rem 1.5rem;
    color: #74685A;
    display: inline-block; }
    @media (min-width: 37.5em) {
      .menu--utility .menu__link {
        font-size: 0.8rem; } }
    .menu--utility .menu__link:hover, .menu--utility .menu__link:focus {
      background: #FEDE51; }
    @media (min-width: 62em) {
      .menu--utility .menu__link {
        padding: .5rem .75rem; } }