@media (max-width: 768px){
  html,body {
    font-family: 'Open Sans', serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #363636;
  }
}
@media (min-width: 769px){
  html,body {
    font-family: 'Open Sans', serif;
    font-size: 14px;
    font-weight: 300;
  }
}
/*
#login-promo > img{
  display: block;
  height: auto;
  width: auto;
  min-width: 1936px;
  margin-left: -128px;
  height: 100vh;
}
#login-promo {
  width: 100%;
}
/*
*/
#login-promo > img{
  height: 100vh;
  object-fit: cover
}
#login-promo {
  height: 100vh;
}
#login-form {
  background-color: #363636;
}
/*
*/
.hero.is-success {
  background: #F2F6FA;
}
.hero .nav, .hero.is-success .nav {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.box {
  margin-top: 5rem;
}
.avatar {
  margin-top: -70px;
  padding-bottom: 20px;
}
.avatar img {
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
  box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
}
input {
  font-weight: 300;
}
p {
  font-weight: 700;
}
p.subtitle {
  padding-top: 1rem;
}