html {
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  font-family: sans-serif;
}

.hero-body .title {
  color: #000 !important;
  padding-bottom: 1.5rem;
}

.logo-image {
    width: 300px;
    height: auto;
    max-width: 100%;
}

.hero-body .subtitle {
  color: #777;
  font-weight: 500;
  padding-bottom: 2rem;
  letter-spacing: 2px;
  font-size: 1rem;
}

.hero-body a {
  color: #777;
  letter-spacing: 1px;
  font-size: 14px;
  padding: 0 0.5rem;
}

.hero-body a:hover {
  color: #355c7d;
}

.hero-body .separator {
  color: #bbb;
}