.holy-grail-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr 1fr;
      grid-template-columns: 1fr 3fr 1fr;
  -ms-grid-rows: 8fr 1fr;
      grid-template-rows: 8fr 1fr;
  grid-gap: 20px;
  margin-top: 20px;
  height: 100vh;
}

@media screen and (max-width: 60em) {
  .holy-grail-grid {
    -ms-grid-rows: 1fr 5fr 1fr;
        grid-template-rows: 1fr 5fr 1fr;
  }
}

.holy-grail-left,
.holy-grail-middle,
.holy-grail-right,
.holy-grail-footer {
  padding: 1rem;
  border: 1px solid #ededed;
  background-color: #f0f8ff;
}


@media screen and (max-width: 60em) {
  .holy-grail-left {
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 4;
  }
}

@media screen and (max-width: 60em) {
  .holy-grail-middle {
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 4;
  }
}

@media screen and (max-width: 60em) {
  .holy-grail-right {
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 4;
  }
}

.holy-grail-footer {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 4;
}

.ecommerce-hero-slider-small {
  .orbit-previous,
  .orbit-next {
    color: $medium-gray;
  }

  .orbit-bullets button {
    height: 0.65rem;
    width: 0.65rem;
  }

  .hero-slider-slide {
    background-color: $white;
    padding: 1.5rem; 
  }

  .hero-slider-slide-content {
    p {
      font-size: 0.9rem; 
      color: $dark-gray;
    }
  }
}

html {
  scroll-padding-top: 100px;
}

section {
  scroll-margin-top: 100px;
}

.nested.submenu.is-dropdown-submenu {
  font-family: FloridaSerial;
  color: #B80000;
  font-size: large;
  line-height: 3px;
}