@font-face {
  font-family: "gotham-black";
  src: url(../fonts/gotham_black-webfont.ttf) format("truetype");
}

* {
  font-family: 'gotham-black';
}

body {

}
.stat-block{

}
/* Force column into center */
.col-center {
    float: none;
    margin: 0 auto;
}

/* Force no padding */
.no-padding {
  padding: 0!important;
}

/* Force no margin */
.no-margin {
  margin: 0!important;
}

/* Alerts */
.alerts {
  width: 100%;
  position: absolute;
  top: 24%;
}

/* Navigation */
.nav-main {
  position: absolute;
  color: white;
  font-size: 5vh;
  padding: 10px 140px 10px 140px;
  width: 100%;
  margin-top: 20px;
}

.nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

.nav-main li {
    float: left;
    margin-left: 25px;
}

.nav-main li a {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
}

.nav-main-right {
    float: right;
    margin-right: 25px;
}

.nav-main-left {
    float: left;
}

/* Modal */
.thankyou-header {
  border: none!important;
  padding-left: 85%!important;
}

.thankyou-modal {

}

.thankyou-dialog {

}

.thankyou-content {
  color: white;
  background-color: black!important;
  font-size: 132%;
}

.thankyou-body {
  padding: 0% 15% 15% 15%!important;
}

.thankyou-title {
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 40px!important;
}

.close {
  font-size: 7.5rem!important;
  color: #ffffff!important;
  text-shadow: none!important;
}

.btn-tweetthis {
  margin-top: 35px;
  background-color: white;
  font-size: 175%!important;
  text-transform: uppercase;
}

/* Header */
.header {
  padding: 40vh 5px 30px 5px;
  height: 900px;
  color: white;
  font-size: 150%;
  font-weight: 900;
  text-decoration: none;
  background-image: url("../img/teens.jpg");
  background-size: cover;
  font-family: 'gotham-black'!important;
}

.onepound-italic {
  font-weight: 900;
  font-style: italic;
  font-size: 150%;
}

.a-month {
  font-weight: 900;
  font-size: 70%;
  position: relative;
  bottom: 8px;
  text-transform: uppercase;
}

.help-us-1 {
  font-style: italic;
  font-size: 200%;
  font-weight: 400;
}

.help-us-2 {
  font-size: 200%;
  text-shadow: 2px 2px 14px black;
}

.header button{
  width: 95%;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 60px 20px 60px;
  color: white;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 2px;
  margin-top: 40px;
}
.header button:hover{
  color: gold;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid gold;
  transition: background-color 0.2s;
}

.stripe-button-el {
  background-image: -webkit-linear-gradient(transparent,transparent)!important;
    background-image: -moz-linear-gradient(transparent,transparent)!important;
    background-image: -ms-linear-gradient(transparent,transparent)!important;
    background-image: -o-linear-gradient(transparent,transparent)!important;
    background-image: -webkit-linear-gradient(transparent,transparent)!important;
    background-image: -moz-linear-gradient(transparent,transparent)!important;
    background-image: -ms-linear-gradient(transparent,transparent)!important;
    background-image: -o-linear-gradient(transparent,transparent)!important;
    background-image: linear-gradient(transparent,transparent)!important;
    transition: background-image 0.2s;
}

.stripe-button-el span {
  font-size: 135%!important;
  background: none!important;
  background-image: none;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  transition: background 0.2s;
}

/* Money Raised */
.raised {

}

/* Stats */
.left-stats {
  text-align: center;
  height: 70vh;
  background-color: #1B1B1B;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.right-stats {
  text-align: center;
  height: 70vh;
  background-color: #EEEEEE;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

.big {
  font-size: 600%;
  font-weight: 900;
}

.sub {
  font-size: 300%;
}

/* Money Raised Goes To */
.raised {
  margin-top: 100px;
  margin-bottom: 100px;
}
.goes-to {
  font-size: 460%;
  text-transform: uppercase;
  font-weight: 900;
}

.causes {
  font-size: 300%;
  text-transform: uppercase;
  font-weight: 900;
  text-align: left;
  margin-bottom: 20px;
}

.raised hr {
  color: gainsboro;
  border: 1px solid gainsboro;
}

/* Instagram */
.instagram {
  height: 660px;
  background-image: url("../img/instamockup.png");
  background-size: cover;
}

/* Subscribe */
.subscribe {
  height: 30vh;
  margin-top: 50px;
  margin-bottom: 50px;
}

.subscribe input {
  width: 100%;
  height: 60px;
  border: 2px solid gainsboro;
  font-size: 150%;
  padding-left: 50px;
}

.mail-me {
  font-size: 170%!important;
  color: grey;
  position: absolute;
  left: 6%;
  top: 30%;
}

.get-started {
  background-color: black;
  color: white;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  font-size: 150%;
  font-weight: 900;
  border-radius: 5px;
}

.newsletter-title {
  text-transform: uppercase;
  font-weight: 900;
}

/* Discover What You Can Do */
.discover {
  background-image: url("../img/discovermockup.png");
  background-size: cover;
  height: 100vh;
}

/* Footer */
.footer {
  padding: 60px 0px 60px 0px;
  background-color: black;
  text-align: center;
  color: white;
}

.follow-us {

}

.footer .social-media {
  color: white;
  font-size: 136%;
  line-height: 45px;
}

@media only screen and (max-device-width : 736px) {
  .get-started {
    margin-top: 40px;
  }

  .nav-main {
    padding: 10px 20px 0px 30px;
  }

  .nav-main-right {
    margin-top: 15px;
  }
}