body {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:16px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  text-align:center;}

  header h1, header h1 a {
  font-size:28px;
  color:#fff;
  line-height:40px;
  margin-top:22px;
  letter-spacing:1px;}

  header h1 a:hover {text-decoration:none;}

  @media screen and (max-width: 768px) {
    header h1 {
      margin-top: 14px;
      margin-left: 15px;}
  }

  section h1 {
    margin:0px 0 70px 0;}
  #join h1 {
    margin:0;}

a {color:#C3D82B;}
a:hover {color:#C3D82B;}
  .hero a:hover {color:#fff;}

.btn {
  background:#3CB9A1;
  border-color:#3CB9A1;
  background-image:url('../img/bg.jpg');
  text-transform:lowercase;
  font-weight:bold;
  letter-spacing:1px;}

.btn:hover {
  border-color:#3CB9A1;
  background:#3CB9A1;
  background-image:none;
  font-weight:bold;
  letter-spacing:1px;}

.btn-group-lg>.btn, .btn-lg {
  padding: 13px 16px;}

ol>li {margin:20px 0;}

section {padding:120px 0;}

.row {
  margin-right: 0;
  margin-left:0;
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;}

.no-gap {
  padding-right:0;
  padding-left:0;}

.align-center { text-align:center;}

/* Navigation */
.navbar {
  border:0;
  border-radius:0;
  background:#262626;
  margin-bottom:0;}

.navbar-collapse {-webkit-box-shadow: none;}

.navbar-toggle {
  background:rgba(255, 255, 255, .04);
  margin-top:18px;}

  .navbar-toggle .icon-bar {background:#fafafa;}

.navbar-nav>li, .navbar-nav {
  float: left !important;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.navbar-nav>li>a {line-height:40px;}

.navbar-nav.navbar-right:last-child {margin-right: -15px !important;}

.navbar-right {float: right!important;}

.navbar-nav {margin:10px 0;}

  .nav>li>a:hover {
    border-radius: 6px;
    background:rgba(255, 255, 255, .04);
  }

/* Section: Hero */
.hero {
  background-image:url('../img/bg.jpg');
  background-size:contain;
  text-align:center;
  color:#fff;
}

  .hero img {
    height:auto;
    max-width:100%;
  }

/* Section: Drive */
#drive {
  background:url("../img/drive.png") #fafafa;
  padding:20px 0;}

#drive a, #drive a:hover {
  color:#000;
  text-decoration:none;}

.progress {
  height:25px;}

.progress-bar {
  color: #000;
  font-size: 16px;
  font-weight:bold;
  line-height:25px;}

/* Section: Stats */
section#stats{
  background:#CBE8E7;
  padding:25px 0;
  text-align:center;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform:uppercase;}

  @media screen and (max-width: 400px) {
    #stats h2 {
      font-size: 18px;
      display: inline;
    }

    #stats p {
      font-size: 14px;
      display: inline;}
}

/* Section: Testimonials */
#testimonials {background:#C3D82B;}

.item {
  min-height:400px;
  padding:100px;
  font-size:18px;
  line-height:32px;
}

@media screen and (max-width: 1199px) {
  .item {padding:60px;}
}

@media screen and (max-width: 991px) {
  .item {padding: 40px;}
}

@media screen and (max-width: 768px) {
  .item {padding:20px;}

  .carousel-control, .carousel-indicators {display:none;}
}

.carousel-control {width:5%;}
.carousel-control.left, .carousel-control.right {background-image:none}

/* Section: Apply */
#apply {background:#EEEEEE;}

#apply .btn {margin-top:25px;}

/* Section: About */
#about .fa {font-size:24px;}

/* Section: Join */

#join {
  background:#262626;
  color:#fff;}

  section#join {padding:50px 0;}

  #join .lead {
    text-align:center;
    font-size:16px;
    margin-bottom:25px;}

.input-group[class*=col-] {float:left;}

#mc_embed_signup{clear:left;}

.input-group .form-control {
  padding:25px;
  font-size:25px;}

.mc-field-group {margin: 20px 0;}

  #join .row .wrapper {
    padding:50px;
    text-align:center;}

  #join #lifetime {
    background:#252525;
    height: 220px;
    border-radius: 4px;}

  #join #countdown {
    border: 1px solid #ddd;
    border-radius: 4px;}

#counter {text-align:center;}

  #counter #raised, #counter #lifetime {border-right: #E2E2E2 1px solid;}

  @media (max-width: 767px) {
    #counter #raised, #counter #lifetime {
      margin-bottom: 30px;
      border-right: none;
    }
  }

  #counter p {text-transform: uppercase;}


/* Section: Funded */
#funded { border-bottom:0;}
  #funded .btn {font-weight:bold;}

.flex-item {
  margin-bottom: 75px;
}

.flex-item a>img, .flex-item>img {
  max-height:150px;
  max-width:200px;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.thumbnail {
border:0;
height:150px;
position: relative;
padding: 0;
margin-bottom: 0;
}

.raised {
  text-align:center;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:14px;}

/* Footer */
body>footer {
  text-align:center;
  background: #262626 url('../img/footer_lodyas.png') repeat repeat;
  padding:0 0 45px 0;
  color:#fff;
  font-weight:bold;
  letter-spacing:1px;
}

body>footer .row {
  min-height:90px;
  padding: 60px 0 2px 0;
}

