body {
  background: black;
  /*background: #444;*/
  color: white;
  font-family: HelveticaNeue, Roboto, Helvetica,Arial,sans-serif;
}
.p-t-1 {
  padding-top: 1em;
}
.p-t-2 {
  padding-top: 2em;
}
.p-b-1 {
  padding-bottom: 1em;
}
.p-b-2 {
  padding-bottom: 2em;
}
.m-b-2 {
  margin-bottom: 2em;
}
.black {
  background: black;
}
.grey444 {
  background: #444;
}
div.hero {
  padding-bottom: 2em;
  background: black;
}

div.hero h2 {
  font-size: 38px;
  font-style: italic;
  margin-top: 1em;
  margin-bottom: 1em;
}
div.hero p {
  font-size: 24px;
}

div.review {
  padding-top: 2em;
  padding-bottom: 2em;
}
div.review h2 {
  font-size: 16px;
  color: #daf033;
}
div.review span.stars {
  color: #d0eb07;
}
div.review h3 {
  font-size: 14px;
  color: #b4b897;
}
div.review p {
  font-size: 14px;
  color: #f0f5cc;
}
div.mega-button, div.medium-button {
  padding-left: 0;
  padding-right: 4px;
  padding-bottom: 10px;
}
div.mega-button a.btn {
  text-transform: uppercase;
  border: 2px solid white;
  border-radius: 6px;
  background: #1c1c1c;
  color: white;
  padding: 15px 0px;
  font-size: 16px;
}
div.mega-button a.btn:hover {
  background: #2a2a2a;
}

div.medium-button a.btn {
  text-transform: uppercase;
  border: 1px solid black;
  background: black;
  color: white;
  padding: 6px;
  padding: 15px 0px;
  font-size: 16px;
}
div.medium-button a.btn:hover {
  border: 1px solid #7943E5;
}
div.medium-button a.btn-fancy, button.btn-fancy {
  border: 1px solid #3F2B69;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  background: transparent url('../img/purple-goodness.jpg') repeat scroll left top;
}
div.medium-button a.btn-fancy:hover, button.btn-fancy:hover {
  border: 1px solid #7943E5;
}
.youtube-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.youtube-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stripe-container {
  /*border: 1px solid white; background: #444; padding:8px; border-radius:8px*/
  padding: 8px;
}
.stripe-container .bg-danger {
  background: red;
  color: white;
  padding: 8px;
}

.credit-card-div {
  border: 1px solid white;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  rem-padding: 8px;
  background: #1c1c1c;
}
button.stripe-button-el span {
  /*background: #1c1c1c !important;*/
  background: transparent url('../img/purple-goodness.jpg') repeat scroll left top !important;
  border: 1px solid white;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  color: #ffffff;

}
footer {
  margin-top: 3em;
}
footer p {
  color: #666;
}