/**
 * Fundamental layout items
 */
 
html, body { overflow-x: hidden; } /* to control displays with vertical sidebar */

#drupal-live-announce {
  height: 0px; /* otherwise it's 1x1 and adds a white line at bottom of footer... */
}

main {padding-bottom: 4em;}

.inner-content { /* divs inside header, main and footer to limit width and guarantee padding */
  padding: 0 18px;
  margin: 0 auto;
}

/* Utility Classes */
.viewport-width {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.background-cover {
    background-size: cover;
    z-index: -1;
}

@media screen and (min-width: 768px) {
  .inner-content {
    max-width: 1024px;
    padding: 0 32px;
  }
}

@media screen and (min-width: 1280px) {
  
}