// Global styling for this theme

html {
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  @include heading-font;
}

body {
  height: 100%;
  min-height: 35rem;
  position: relative;
  @include body-font;
}

.overlay {
  position: absolute;
  height: 100%;
  min-height: 35rem;
  width: 100%;
  background-color: $secondary;
  opacity: 0.75;
  z-index: -1;
  @media (min-width: 768px) {
    min-height: 0;
  }
}