body {
  background: #e5e5e5;
}
.logo {
  text-align: center;
}

.logo h1 {
  font-family: "ff-market-web", sans-serif;
  color: #3f9716;
  font-size: 3rem;
  padding: 1rem 0 1rem 0;
}

#hero-text p {
  text-align: center;
  color: #ffffff;
  font-family: "myriad-pro", sans-serif;
  font-size: 1.3rem;
}

#hero-signup p {
  color: #ffffff;
  font-family: "myriad-pro", sans-serif;
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
}

#hero-signup p.notice {
  font-size: 0.9rem;
  color: #909090;
}

.signup-success {
  background: #3f9716 !important;
}

#hero-frame {
  background-color: #222;
  background-image: url("../img/hero-background.jpg");
  background-size: cover;
  background-position: center top;
  border-bottom: 7px solid #75116f;
  background-repeat: no-repeat;
  min-height: 450px;
  padding: 0 0 2.5rem 0;
}

#more-info {
  margin: 1rem 0 0 0;
}

#more-info-text p {
  font-family: "myriad-pro", sans-serif;
  font-size: 0.9em;
  color: #707070;
}

#social-buttons {
  margin: 0 0 1rem 0;
}

#social-buttons-text p {
  font-family: "myriad-pro", sans-serif;
  font-size: 1.2em;
}

#signup-button {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.hembjuden-button {
  background: #75116f;
}

.hembjuden-button:hover,
.hembjuden-button:active {
  background: #c142bb;
}

#locations {
  color: #777777;
  font-family: "myriad-pro", sans-serif;
  font-size: 0.8rem;
}

#copy {
  color: #777777;
  font-family: "myriad-pro", sans-serif;
  font-size: 1rem;
  margin: 1rem;
}

.error {
  text-transform: none;
}

/* Large */
@media only screen and (min-width: 64.063em) {
  .logo h1 {
    font-size: 6rem;
    line-height: 10rem;
    padding: 3rem 0 2rem 0;
  }

  #hero-text p {
    font-size: 1.4rem;
  }

  #hero-signup p {
    font-size: 1rem;
  }
}
/* Medium */
@media only screen and (min-width: 40.063em) {
  .logo h1 {
    font-size: 6rem;
    padding: 3rem 0 2rem 0;
  }

  #hero-text p {
    font-size: 1.5rem;
  }

  #hero-signup p {
    font-size: 1rem;
  }

  #more-info-text p {
    font-size: 1em;
  }

  #locations {
    color: #777777;
    font-family: "myriad-pro", sans-serif;
    font-size: 0.9rem;
    margin-bottom: 1rem;
  }
}