body {
  background-color: #f6f9ff;
  min-height: 100vh;
  margin: auto;
}
@media (min-width: 768px) {
  body {
    min-width: 480px;
    max-width: 36vw;
  }
  body #menu {
    min-width: 480px;
    max-width: 36vw;
  }
}
#layout {
  background: #F5F5F5;
  min-height: 100vh;
  height: 100%;
  padding-bottom: 60px;
}
#layout header {
  background: #292929;
  color: #fff;
}
#layout header .navbar-brand {
  color: #fff;
}
#layout header #header-menu a {
  color: #fff;
}
#layout header #header-menu .icon-active {
  font-weight: 700;
}
#layout header .page-title {
  font-size: 1.3em;
}
#layout header .btn-back {
  color: #fff;
}
.btn-primary {
  background: #ddc355;
  border: solid 1px #ddc355;
  box-shadow: none;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #C4AA3C !important;
  border: solid 1px #C4AA3C !important;
  box-shadow: none !important;
}
.logo {
  height: 70px;
}
.form-signin {
  padding-top: 100px;
  max-width: 400px;
}
h1 {
  font-size: 1.2em;
}