html, body { height: 100%; }
body {
  padding-top: 70px; 
  background-color: #3f3f95 !important
}

a { color: #fff; cursor: pointer }
.navbar-inverse, .navbar-toggle { border: none; background-color:#3f3f95; color: #fff }
.navbar-brand { color: #fff !important }
.navbar-inverse .navbar-nav>li>a { color: #fff }

#btnReset, #btnReset:hover { color: #fff; text-decoration: none }
 
.container-center {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);  
  text-align: center;
}

.headline h1 {
  font-family : 'Droid Sans', serif;
  font-size   : 72px;
  font-weight : bold;
  color       : #fff;
}

.headline h2, h3, h4, h5 { 
  font-weight : bold;
  color       : #fff;
}

 /* ***********************************************************************************************/
@media screen and (max-width: 1024px) {
  .navbar-form { padding: 0 }
}

@media screen and (max-width: 768px) {
  .navbar-form { padding: 15px }
  .headline h1 {
    font-size : 48px;
  }
}