/*  !Slate Hero Background  */
  body {
    background: #2f494c;
  }

.container:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 330px;
  background: #2f494c;
  top: 0;
  left: 0;
  z-index: -1;
}

body .container {
  background: #fff;
  padding: 15px;
  overflow: visible;
}

body .container section.main {
  background: #fff;
}

@media (min-width: 769px) {

  body {
    background: #eaeff2;
  }

  body .container {
    min-height: 275px;
  }

}