html {
  min-height: 100% !important;
  height: 100%;
}

body {
  color: #383737;
  font-family: Roboto, sans-serif;
  font-size:150%;
}

@media screen and (max-width: 90em) {
  body {
    font-size:140%;
  }
}

@media screen and (max-width: 80em) {
  body {
    font-size:120%;
  }
}

@media screen and (max-width: 70em) {
  body {
    font-size:110%;
  }
}

@media screen and (max-width: 60em) {
  body {
    font-size:100%;
  }
}

h1, h2, h3, h4, h5, h6 {
}

h1 {
  font-size: 2em;
  font-weight: 300;
  margin: 2em 0;
}

h2 {
  font-size: 1.4em;
  font-weight: 300; 
  margin: 1.4em 0;
}

h3 {
  font-size: 1.2em;
  margin: 1.2em 0;
}

h4 {
  font-size: 1.2em;
  font-weight: 300;
  margin: 1.2em 0;
}

a {
  color: #383737;
  text-decoration: none;
}

div, nav {
  box-sizing: border-box;
}

.bg-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  text-align: center;
}
  
.bg-wrapper img#bg {
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 0;
  z-index: -1;
}


.main-content .csc-firstHeader {
  margin-bottom: 0.8em;
  text-transform: uppercase;
}