* {
  padding: 0;
  margin: 0; }

body {
  background-color: #28143B;
  overflow-y: hidden; }

body, html {
  height: 100%; }

.header {
  z-index: 3;
  background-color: #28143B;
  min-height: 5em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .header h1 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0.5em 0 0.5em 0; }
    .header h1 sup {
      font-size: 20px; }
  @media screen and (max-height: 650px) {
    .header {
      display: none; } }

.footer {
  z-index: 3;
  background-color: #28143B;
  min-height: 5em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .footer h2 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 200;
    color: #fff;
    text-align: center;
    margin: 0.5em 0 0.5em 0; }
  @media screen and (max-height: 650px) {
    .footer {
      display: none; } }

.content {
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 600px; }
  .content img {
    width: 20em;
    -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.7)); }
  .content p {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 600;
    color: #fff;
    text-align: center;
    -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.7)); }

.orange {
  color: #ff9900; }

#container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input[type="text"] {
  background-color: #fff;
  padding: 7px;
  font-family: helvetica, arial, sans-serif;
  font-size: 1.2em;
  margin-bottom: 20px;
  display: block;
  border: solid 2px #bbb;
  color: #000; }
input[type="submit"] {
  background-color: #ff9900;
  font-family: helvetica, arial, sans-serif;
  font-size: 1em;
  font-weight: 700;
  padding: 7px;
  color: #000; }
input[type="submit"]:hover {
  color: #eee; }

#subscription-email-text-field {
  vertical-align: top;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 400;
  border-style: solid;
  border-width: 2px 0px 2px 2px;
  border-radius: 4px;
  width: 400px;
  height: 40px;
  margin-top: 10px; }
  @media screen and (max-width: 500px) {
    #subscription-email-text-field {
      width: 300px; } }

#subscribe-button {
  display: inline-block;
  border-style: solid;
  border-width: 2px 2px 2px 0px;
  border-radius: 4px;
  -webkit-appearance: none;
  margin-left: -10px;
  height: 40px;
  margin-top: 10px; }