@keyframes menuHover {
  from {
    background: transparent;
  }
  to {
    background: #000;
  }
}
@keyframes menuHoverHighlights {
  from {
    color: #000;
  }
  to {
    color: #ffcc00;
  }
}
@keyframes megaMenuHeader {
  from {
    color: #000;
  }
  to {
    color: #ffcc00;
  }
}
@keyframes menuHoverHighlightsBorder {
  from {
    border-color: transparent;
  }
  to {
    border-color: #ffcc00;
  }
}
@keyframes megamenuFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
* {
  box-sizing: border-box;
}

html {
  height: 100%;
  background-color: #1a1a1a;
  color: #333333;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

body {
  min-height: 100%;
  position: relative;
}

.shell {
  margin: 0 auto;
  width: 1200px;
}
@media all and (max-width: 1199px) {
  .shell {
    width: auto;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Slab", Georgia, serif;
}

.layout-container {
  position: absolute;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
@media all and (min-width: 1200px) {
  .layout-container {
    background-image: url("../../images/footer-bg.png");
    background-repeat: no-repeat;
    background-position: calc(50% + 400px) bottom;
  }
}

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