html {
  height: 100%;
}

body {
  overflow-x: hidden;
  overflow-y: scroll;
  min-height: 100%;
  background-color: #083959;
  font-size: 1rem;
}

#main-area {
  background-color: #f0f0f0;
  padding-top: 1rem;
  padding-bottom: 1em;
}

.y_navigation-main {
  background-color: #004f80;
  height: 2.6em;
  position: relative;
  z-index: 9999;
  margin-top: 0em;
}

.y_main-content-area .y_main-content-area-only {
  background-color: green;
}

.y_title-bar {
  background-color: #f0f0f0;
}

.y_footer-fixed {
  margin-top: 0.3em;
}

@media print, screen and (min-width: 18.75em) {
  .main-area {
    min-height: 25em;
  }
}
@media screen and (min-width: 22.4375em) and (max-width: 24.9375em) {
  .main-area {
    min-height: 25em;
  }
}
@media print, screen and (min-width: 25em) {
  .main-area {
    min-height: 33em;
  }
}
@media (min-height: 600px) and (min-width: 1024px) {
  .main-content-and-aside-right {
    min-height: 450px;
  }
}
@media (min-height: 800px) {
  .main-area {
    min-height: 42rem;
  }
}
@media (min-height: 900px) and (min-width: 1024px) {
  .main-content-and-aside-right {
    min-height: 750px;
    border-right: 3px solid #004f80;
  }

  .y_main-content-area .y_main-content-area-only {
    height: 60em;
    background-color: green;
  }
}
@media (min-height: 1100px) {
  .main-area {
    min-height: 63rem;
  }
}
@media (min-height: 1100px) and (min-width: 200px) {
  html {
    font-size: 20px;
  }

  #main-area {
    min-height: 56rem;
  }
}
@media screen and (min-width: 90em) {
  .main-area {
    min-height: 50em;
  }
}
@media screen and (min-width: 90em) and (max-width: 122.5em) {
  .y_main-content-area .main-content-and-aside-right {
    padding-right: 1em;
  }

  .y_main-content-area .y_main-content-area-only {
    height: 60em;
  }
}
@media screen and (min-width: 122.5625em) {
  html {
    font-size: 1.2ren;
  }

  .grid-container {
    max-width: 90rem;
  }
}

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