body{
    font-family: 'Droid Sans', Helvetica, sans-serif;
    font-size:18px !important;
    line-height:24px !important;
    color: #666;
}

h1 {
    font-family: 'Dosis', Helvetica, sans-serif !Important;
    font-size:64px !important;
    color: #fff !Important;
    text-shadow: 2px 2px 6px #000 !Important;
    -webkit-text-shadow: 2px 2px 6px #000 !Important;
    -o-text-shadow: 2px 2px 6px #000 !Important;

}

h2{
   font-family: 'Dosis', Helvetica, sans-serif !Important;
    font-size:48px !important;
    color: #fff;
    padding:0 !Important;
    margin:0 !important;
}

h3{
     font-family: 'Dosis', Helvetica, sans-serif !Important;
    font-size:36px;
    color: #666;

}

h4{
     font-family: 'Dosis', Helvetica, sans-serif !Important;
    font-size:21px !important;
    color: #fff;
     padding:0 !Important;
    margin:0 !important;
}

p {
    font-size:18px !important;
    line-height: 24px !important;
}



.navbar {
    background: #fff !Important;
    border: 0 !Important;
}

.navbar-brand {
    height:75px !important;
    margin-top:15px !important;
}

.navbar-brand {
    width: 80% !important;
}

.navbar-header {
    width: 31%;
}

#navbar{
    margin-top:20px !important;
    float:right;
}

.navbar-nav{
    margin-top: 11px !important;
}

.navbar-collapse{
    padding:0 !Important;
}

.navbar-nav>li {
    margin: 0 2px !important;
}

.navbar-nav > li > a{
    margin-top:5px !important;
}

input, textarea {
    border:1px solid #666 !important;
}

.btn-primary{
    background: #00A844 !important;
    padding: 10px 30px !important;
    color: #fff !important;
    clear:right;
    font-size:24px !important;
    border-radius: 0 !Important;
    border-top: 1px solid #94cca7 !important;
    text-decoration:none !Important;
}

.btn-primary2{
    background: #00A844 !important;
    padding: 5px 10px !important;
    color: #fff !important;
    clear:right;
    font-size:24px !important;
    border-radius: 0 !Important;
    border-top: 1px solid #94cca7 !important;
    text-decoration:none !Important;
    width: 100%;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
}

.btn-primary2:hover{
     background: transparent !important;
     border:1px solid #00A844 !Important;
     color: #666 !important;
     border-radius: 0 !Important;
}

.btn-primary3{
    background: #00A844 !important;
    padding: 3px 10px !important;
    color: #fff !important;
    font-size:18px !important;
    border-radius: 0 !Important;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
}

.btn-primary3:hover{
     background: transparent !important;
     border:1px solid #00A844 !Important;
     color: #666 !important;
     border-radius: 0 !Important;
}

.progress {
    background: #e3e5e4 !important;
    border-bottom:solid 1px #fff !important;
}

.sr-only{
    color: #fff !important;
}

.navbar-nav > li > a:hover {
    background-color: #00A844 !important;
    color: #fff !important;

}



@media screen and (max-width: 1200px) {
    #navbar{
         width: 50% !important;
    }

    .navbar-nav > li > a{
        padding-left:10px !important;
        padding-right:10px !important;
    }

}

@media screen and (max-width: 767px) {
    .navbar-header{
        width: 100%;
        padding-bottom:20px;
    }
#navbar {
    width: 100% !important;
}
.navbar-nav {
  margin-left: 0 !important;
  margin-right: 0 !important;
      text-align:center !important;
}
.login {
    padding-left: 0;
    border: none;
}
.introText {
    margin-top: 0px;
}
.signUp {
    margin-top: 10px;
}
p {
    font-size: 14px !important;
    line-height: 24px !important;
}
h2 {
    font-size: 28px !important;
}
section.hero.inner {
    height: 400px;
}
body {
    font-size: 14px !important;
}
.footerList ul {
    padding-left: 0;
}
}

@media screen and (width: 768px) {
    #navbar{
        text-align:center !important;
        width: 50% !important;
    }


}