@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);body {
  display: flex;
  text-align: center;
  font-family: "Raleway";
}

.masthead-brand {
  text-align: center;
}

#ver_app {
  max-width: 80em;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  padding: 16px;
}

#logo-top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

#view-login {
  display: flex;
  padding-right: 0px;
  justify-content: center;
}

#view-login .modal-dialog {
  max-width: 420px;
}

.app-name {
  color: #003F8A;
  font-size: 1.5em;
}

.btn-microsoft {
  background-color: #dc3a03;
  border-color: #aa2d02;
  color: white;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }

  .nav-masthead {
    float: right;
  }
}