/* css styles */
.hero {
  max-width: 900px;
  margin: 0 auto 5rem auto;
  padding: 4rem 1rem 2rem 1rem;
}

.hero-logo {
  display: block;
  max-width: 900px;
  width: 100%;
  height: auto;
  margin: 0 auto 2rem auto;
}

.hero h1 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.02em;
}

.container {
  max-width: 900px;
}

.lead {
    font-size: 1.25rem;
}


.hero .lead {
    font-size: 1.35rem;
    font-weight: 400;
    max-width: 850px;
    margin: auto;
}

.hero p.text-muted {
    max-width: 700px;
    margin: auto;
}

.hero .btn {
    min-width: 180px;
}

.hero .acro {
    color: darkred !important;
    font-weight: 900 !important;
    font-size: 1.15em;
}