.newsletter-overlay {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  height: 800px;
  position: fixed;
  width:100%;
  z-index: 11;
}
.newsletter-overlay-content {
  background: #fff;
  border: 8px solid #ccc;
  margin: 0 auto;
  max-width: 500px;
  overflow-y: scroll;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.newsletter-overlay h1 {
  background: #000;
  color: #ccc;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1.4px;
  margin: 0;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
}
.newsletter-overlay-body {
  padding: 20px 30px 30px;
  text-align: center;
}
.newsletter-overlay-hero img {
  display: block;
  width: 100%;
}
.newsletter-overlay h2, .newsletter-overlay h3 {
  font-size: 18px;
  line-height: 1.6;
  text-transform: none;
}
.newsletter-overlay h3 {
  text-transform: uppercase;
}
.newsletter-overlay input[name="email"] {
  border:1px solid #999;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  width: 300px;
}
.newsletter-overlay input[name="email"] {
  border:1px solid #999;
  border-radius: 3px;
  display: block;
  margin: 0 auto 15px;
  width: 300px;
}
.newsletter-overlay .button {
  border-radius:3px;
  display: block;
  margin:0 auto 15px;
  width:300px;
}
.newsletter-button-primary {
}

#newsletter-footer {
  margin:0 0 50px;
  text-align:center;
}
#newsletter-footer h2 {
  font-size:12px;
  font-weight:bold;
  margin: 0 0 10px;
}