/* standard elements */
body {
  padding-top: 0px;
  background-color: rgb(250,250,250);
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}

h1 {
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  line-height: 1.42857143;
}

/* nav bar */
.nav-container {
  background-color: rgb(61,120,171);
  width: 100%;
  color: white;
  height: 68px;
  border-bottom: 1px solid #1b2532;
  font-size: 14px;
  background-color: #232f3e;
  box-shadow: 0 1px 1px #273546;
  z-index: 6001;
}

.nav-logo {
  margin-top: 8px;
}

.nav-title {
  font-size: 24px;
}

.nav-title-dot {
  opacity: 0.6;
}

.nav-subtitle {
  font-weight: 300;
  font-size: 10px;
  line-height: 1.1;
  color: #288fdc !important;
  color: rgba(255,255,255,0.6) !important;
}



/* eye bar */
.eye-container {
  background-color: rgba(61,120,171, .2);
  width: 100%;
  color: white;
  height: 360px;
  b-order-bottom: 1px solid #1b2532;
  font-size: 14px;
  b-ackground-color: #232f3e;
  b-ox-shadow: 0 1px 1px #273546;
  z-index: 6001;
}


/* img-box */
.teaser-img {
  width: 100%;
  height: 220px;
  border: 1px solid rgba(61,120,171, .2);
  background-color: rgba(61,120,171, .1);
}

.teaser-text {
  w-idth: 100%;
  h-eight: 220px;
  b-order: 1px solid rgba(61,120,171, .2);
  b-ackground-color: rgba(61,120,171, .1);
}


/* nav bar */
.footer-container {
  background-color: rgba(61, 120, 171, 0.9);
  width: 100%;
  color: white;
  height: 168px;
  border-bottom: 1px solid #1b2532;
  font-size: 14px;
  b-ackground-color: #232f3e;
  box-shadow: 0 1px 1px #273546;
  z-index: 6001;
}