/* / / / / / / / / / / / / 
/ / FOOTER STYLES / / / /
/ / / / / / / / / / / / */

.the-footer {
    width:100%;
    padding-top: 13px;
    background-color: #57585C;
    padding-top:50px;
    padding-bottom:50px;
    padding-left:60px;
    overflow:hidden;
    display:inline-block;
    margin-top:-20px;
}
@media only screen and (max-width:810px) {
    .the-footer {  padding:0px 0px 30px 0px;}
    }
.footer-title {
    color:#FFB556;
    font-weight:600;
    font-size:16px;
    margin-bottom:8px !important;
}
@media only screen and (max-device-width:570px) {
      .footer-title {  font-size:18px;}
    }
.footer-link, .footer-link:active{
    font-size: 12pt;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #d8d8d8;
    text-decoration:none;
    transition:0.5s;
    display:block;
    margin:6px 0px;
}
@media only screen and (max-width:810px) {
        .footer-link, .footer-link:active{margin:9px 0px;}
    }
    @media only screen and (max-width:570px) {
        .footer-link, .footer-link:active{margin:14px 0px;}

    }
    @media only screen and (max-device-width:570px) {
        .footer-link, .footer-link:active{font-size:14pt;
        margin:16px 0px;}
    }
.footer-link:visited, .footer_link:active {
    text-decoration:none;
}
@media only screen and (min-width:811px) {
        .hr-hidden-until {background-color:#57585C;
        display:none;}
    }
 @media only screen and (max-width:810px) {
        .hr-hidden-until {display: block;
        border: solid 1px #d8d8d8;
        width:100px;
        background-color:#d8d8d8;
        margin-left:0;
        margin-left:30px;}
    }
@media only screen and (max-width:570px) {
        .hr-hidden-until {width:60px;}
    }


.footer-col{
    display:inline-block;
    vertical-align:top;
}


    @media only screen and (max-width:950px) {
        .connect-wrapper{width:25%;}
    }
    @media only screen and (max-width:811px) {
        .connect-wrapper{width:100%;
        margin-bottom:20px;
        width:60%;
        margin-left:30px;
        margin-top:30px;}
    }
    @media only screen and (max-width:568px) {
        .connect-wrapper{width:100%;}
    }

.social-media-wrapper {
    margin-bottom:8px;
}
@media only screen and (max-width:570px){
    .social-media-wrapper { margin-bottom:15px;}
}

.social-media-icn{
    height:40px;
}
@media only screen and (max-width:570px) {
        .social-media-icn{height:50px;}
}
.links-col-wrapper{
    float:right;
    width:430px;
    margin-right:10vw;
}
@media only screen and (min-width:1135px) {
        .links-col-wrapper{width:600px;
        margin-right:7vw;}
    }
    @media only screen and (max-width:811px){
        .links-col-wrapper{margin-right:0px;
        float:none;
        margin-left:30px;}
    }
    @media only screen and (max-width:570px) {
        .links-col-wrapper{width:100%;}
    }

.links-col{
    display:inline-block;
    width:140px;
}
 @media only screen and (min-width:1135px) {
        .links-col{width:180px;}
    }
     @media only screen and (max-width:811px) {
         .links-col{width:30%;
         margin-top:20px;}
     }
     @media only screen and (max-width:570px) {
         .links-col{width:100%;
         text-align:left;
         display:block;
         margin-top:20px;
         margin-bottom:40px;}
     }

 @media only screen and (max-width:570px) {
        .learn-col {margin-top:40px;}
    }
.social-media-icn.twitter-icn{
    margin:0px 15px;
}
@media only screen and (max-device-width:570px) {
       .social-media-icn.twitter-icn{ margin:0px 20px;}
    }
.connect-with-us{
    font-size:18px;
    font-weight:300;
    color:#fff;
    margin-bottom:15px !important;
}
.copyright-left{
    margin-top:3px;
    color:#929292;
    font-weight:300;
    font-size:12px;
    margin-right:15px;
    margin-bottom:0px;
}
.footer-link:hover {
    font-family: 'Lato';
    font-weight: 300;
    color:#fff;
    transition:0.5s;
    text-decoration:none;
}
.ext-page-title-banner {
    width:100%;
    padding-top:50px;
    padding-bottom:1px;
    background-color:#99d4f4;
}
.banner-txt-wrap{
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
/* / / / / / / / / / / / / 
/ / NAV STYLES / / / / / /
/ / / / / / / / / / / / */
.mb-appear-only {display:none;}
.nav-wrapper{ 
    padding-top:10px;
    padding-left:15px;
    background-color:#fff;
    position:fixed;
    width:100%;
    display:block;
    padding-bottom:10px;
    box-shadow: 0px 0px 6px #d8d8d8;
}
@media only screen and (min-width:631px){
    .mb-ext-nav-wrapper{ display:none;}
    }
@media only screen and (max-width:630px) {
    .the-footer {margin-top:-10px;}
    .mb-ext-nav-wrapper{ 
        width:100%;
        background:#fba430;
        box-shadow: 0px 0px 6px #b2b2b2;
        position:fixed;
    }
}
.half-link{
    width:49%;
    display:inline-block;
    font-size:16px;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    cursor:pointer;
}
.home-link{
    background-color:#fff;
}
.home-link a,.home-link a:hover,.home-link a:visited{
    color:#929292;
    text-decoration:none;
}
.how-to-block{
    background-color:#fba430;
}
.how-to-block a,.how-to-block a:hover,.how-to-block a:visited{
    color:#fff;
    text-decoration:none;
}
.home-divider {
    border-right:solid 1px #d68315;
}
.third-link {
    width:32%;
    display:inline-block;
    font-size:16px;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    cursor:pointer;
}
.half-link a{
    font-size:18px;
}

.nav-logo img{ 
    width:100px;
}
.secondary-btn {
    border-radius:20px;
    border: solid 1px #fba430;
    background-color:#fff;
    color:#fba430;
    padding:8px 20px;
    transition:0.25s;
    cursor:pointer;
    text-align:center;
    font-size:16px;
    font-family:'Nunito Sans',sans-serif;
}
.secondary-btn:hover{
    box-shadow:0px 1px 2px #d8d8d8;
    transition:0.25s;
}
.primary-btn {
    border-radius:20px;
    border: solid 1px #fba430;
    background-color:#fba430;
    color:#fff;
    padding:8px 20px;
    transition:0.25s;
    cursor:pointer;
    text-align:center;
    font-size:16px;
    font-family:'Nunito Sans',sans-serif;
}
.primary-btn:hover {
    box-shadow:0px 1px 2px #b56700;
    transition:0.25s;
}

button:focus{
    outline:none;
}
.top-right-links {
    float:right;
    margin-right:10px;
}

.left-btn{
    margin-right:10px;
}
.right-btn{
    margin-right:20px;
}

/* / / / / / / / / / / / / 
/ LANDING PAGE STYLING / /
/ / / / / / / / / / / / */

body {
    margin:0 !important;
    font-family:'Lato',sans-serif;
}
#home-body {
    margin-left: 0px !important;
    margin-right:0px !important;
    width:100%;
    height:100%;
    background-color: white;
    font-family:'Lato', sans-serif;
}


#leftPart {
    float:left;
    text-align: left;
    width: 50%;
    padding-left:100px;
    padding-top:150px;
}

#stacheTitle {
    font-weight: 700;
    font-size: 70px;
    color: #FDB25F !important;
    font-family:'Nunito Sans',sans-serif;
}

.stacheIcon {
    margin-top: 20px;
    margin-bottom: 20px;
}

.appStoreButton {
    margin-top: 20px;
}

.appStoreButtonSizer {
    height:80px;
}

.slogan {
    font-weight: 300;
    color: #929292;
    font-size: 20pt;
    width:80%;
}

#phoneScreenShot {
    float: right;
    width:40%;
}

#titleImg { 
    max-width:300px;
    float:right;
    margin-right:10vw;
}

#section-one {
    display:block;
    width:100%;
    background-color:#fff;
    overflow:hidden;
    padding-top:40px;
}
.section-humor {
    display:block;
    padding-top:100px;
    padding-bottom:100px;
    background-color:#f5f5f5;
    text-align:center;
}
@media only screen and (max-width:992px) {
        .section-humor{width:90%;
        margin:0 auto;}
    }
.humor-big {
    font-size:42px;
    color:#616161;
    font-weight:400;
    margin-bottom:5px;
}
@media only screen and (max-width:992px) {
    .humor-big {font-size:38px;}
    }
.humor-small{
    font-size:32px;
    color:#616161;
}
@media only screen and (max-width:992px) {
    .humor-small{font-size:28px;}
    }
#section-two{
    background-color:#fff;
    display:block;
    overflow:hidden;
    padding-top:70px;
    padding-bottom:70px;
}

.section-title {
    text-align:center;
    font-size:44px;
    margin-bottom:50px;
    margin-top:0px;
    font-weight:700;
    color:#616161;
}

#section-two-inner-wrap { 
    width:95%;
    margin:0 auto;
    text-align:center;
}
.neighborhood-img-wrap {
    height:150px;
}
#neighborhood-img { 
    width:250px;
    margin:0 auto;
    display: block;
}
.chunk-img {
    max-height:150px;
    margin:0 auto;
    display: block;
}

.chunk-title {
    font-size:24px;
    text-align:center;
    color:#575757;
    font-weight:600;
    font-family:'Nunito Sans',sans-serif;
}

.chunk-text{
    font-size:18px;
    text-align:center;
    color:#929292;
    padding-left:10px;
    padding-right:10px;
}

.halves .chunk-text {
    padding:0px;
}
.one-thirds{ 
    width:300px;
    display:inline-block;
    vertical-align:top;
    padding-left:20px;
    padding-right:20px;
}
@media only screen and (max-width:1097px) {
    #last-third{ 
        margin-top:30px;
    }
}
@media only screen and (max-width:838px) {
    #last-third{
        margin-top:0px;
    }
}

 #section-three {
    background-color:#f5f5f5;
    display:block;
    overflow:hidden;
    padding-top:70px;
    padding-bottom:70px
 }
#section-three-inner-wrap {
    width:100%;
    margin:0 auto;
    text-align:center;
}
.halves { 
    width:320px;
    display:inline-block;
    vertical-align:top;
    padding-left:15px;
    padding-right:15px;
}
.jeepImageContainer {
    float: left;
    width: 100%;
    height:100%;
}

#jeepImage {
    width: 100%;
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #leftPart{width:100%;text-align:center;padding:50px 0px}
    #phoneScreenShot{background-color:#fff5e8;float:none;width:100%;}
    #titleImg{margin:0 auto;display:block;}
    #stacheTitle{font-size:40px;}
    .slogan{font-size:20px;}
    .footerLink{font-size:16px;}
}
/* Web -------------------------- */
@media (max-width:1215px) {
    #phoneScreenShot {display:inline-block;}
    body{margin:0px;padding:0px;}
    #leftPart{width:50%;margin:0px;display:inline-block;}
}
@media (max-width:1014px) and (min-width:838px){
    #titleImg{width:90%;}
    #phoneScreenShot{width:39%;}
}
@media (max-width:938px) {
      #leftPart{padding-left:50px;}
}
@media (max-width:880px) {
    .one-thirds{width:90%; margin:0 auto;display:block;margin-bottom:70px;}
    .halves{width:60%; margin:0 auto;display:block;margin-bottom:70px;}
    .section-title{margin-bottom:30px;}
}
@media (max-width:838px) {
    #leftPart{width:100%;text-align:center;padding:50px 0px;background-color:#fff;}
    #phoneScreenShot{background-color:#fff5e8;width:100%;margin:0 auto;}
    #titleImg{margin:0 auto;display:block;float:none;}
    #stacheTitle{font-size:60px;}
    .appStoreButton{margin-top:30px;}
    .slogan{font-size:20px;margin:0 auto;}
    .chunk-text{font-size:20px;}
    .footer{margin:-30px 0px;padding:20px 0px 20px 0px;text-align:center;width:100%;}
    .one-thirds{width:60%;margin:0 auto;display:block;margin-bottom:60px;}
    .copyright{display:block;float:none;text-align:center;}
    .footerLink {
        font-size: 14pt;
        display:block;
        padding-right: 0px;
        text-decoration:none;
        text-align:center;
        margin-bottom:30px;
        margin-left:0px;
    }
}
@media (max-width:630px) {
    .nav-logo {display:none;}
    /*.nav-wrapper{padding:0px; margin:0 auto;}*/
    .nav-wrapper{display:none;}
    .mb-appear-only{display:block;margin:0 auto 20px auto;width:100px;}
    .halves{width:90%;}
    .halves .chunk-text{padding:0px}
    .one-thirds{width:90%;}
    .top-right-links{width:100%;display:block;margin:0 auto;text-align:center;padding:10px 0px;}
    .primary-btn {
        border-radius:30px;
        border:1px;
        background-color:#fba430;
        color:#fff;
        float:none;
        width:35%;
        height:100%;
        padding:14px 0px;
        margin:0px;
        display:inline-block;
    }
    .secondary-btn{
        width:35%;
        padding:14px 0px;
    }
    .right-btn{margin-left:10px;margin-right:0px;}
    .left-btn {margin-right:10px; margin-left:0px;}
    .primary-btn:hover,.secondary-btn:hover{margin-bottom:1px;margin-top:0px}
    .secondary-btn{padding:8px 15px;}
    .primary-btn{padding:8px 5px;}
    .footer{margin-top:-15px;padding:20px 0px;}
}
@media (max-width:450px) {
     
}

/* iPhone 4, 5, 6 (portrait) -------- */

@media only screen and (min-device-width: 320px) and (max-device-width:750px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    #leftPart{width:100%;text-align:center;padding:50px 0px}
    #phoneScreenShot{background-color:#fff5e8;float:none;}
    #titleImg{display:block;width:90vw;}
    #stacheTitle{font-size:40px;}
    .slogan{font-size:20px;}
    .footerLink{font-size:16px;display:block;margin:25px 0px;}
    .footer{margin-top:-10px;}
    #titleImg{margin:0 auto;}
    #charcoalBar{display:none;}
    .one-thirds,.halves{width:90% !important; margin:20px auto;display:block;padding:0px;overflow:hidden;}
    .section-three-inner-wrap {width:100% !important;}
    .section-title{ font-size:32px;}
    .chunk-text{font-size:18px;}
}

/* / / / / / / / / / / / / 
/ HOW TO PAGES STYLING / /
/ / / / / / / / / / / / */

.how-to-links{

}

.how-to-intro{
    text-align:center;
    padding:100px 0px 80px 0px;
}

.how-to-subtext {
    font-size:20px;
    color:#929292;
    width:80%;
    margin:0 auto;
}

#how-to-host-body .how-to-subtext {
    width:60%;
}

.text-left-section{
    background-color:#f3f3f3;
    padding-top:30px;
    padding-bottom:30px;
    overflow:hidden;
}

.text-right-section{
    background-color:#fff;
    padding-top:30px;
    padding-bottom:30px;
    overflow:hidden;
}

.left-text-wrapper{
    padding-top:30px;
    padding-bottom:30px;
    overflow:hidden;
    display:inline-block;
    width:48%;
}

.right-text-wrapper{
    padding-top:30px;
    padding-bottom:30px;
    overflow:hidden;
    width:49%;
    float:right;
}

#how-to-host-body .left-text-wrapper, #how-to-host-body .right-text-wrapper{
    width:52%;
}
.step-title {
    font-size:28px;
    text-align:center;
    color:#575757;
    font-family:'Nunito Sans',sans-serif;
    font-weight:600;
}

.emphasis{
    font-weight:700;
    color:#303030;
}
.step-text{
    font-family:'Lato',sans-serif;
    font-weight:400;
    font-size:16px;
}
.left-text-wrapper .step-title, .left-text-wrapper .step-text{
    float:right;
    width:70%;
}

.right-text-wrapper .step-title, .right-text-wrapper .step-text {
    float:left;
    width:70%;
}
.step-text{
    text-align:center;
    color:#929292;
    font-size:18px;
}

.text-left-img-wrapper{
    width:48%;
    float:right;
}
.text-right-img-wrapper{
    width:42%;
    display:inline-block;
}
.text-left-img-wrapper img{
    width:200px;
    margin-left:40px;
}
.text-right-img-wrapper img {
    width:200px;
    margin-left:20px;
    float:right;
}
#how-to-search-img {
    width:200px;
    margin-top:30px;
}
#how-to-book-img {
    width:220px;
    margin-top:50px;
}
#how-to-store-img {
    width:240px;
    margin-top:20px;
}
#how-to-list-img{
    width:150px;
    margin-top:20px;
    margin-left:60px;
}
#how-to-accept-img,#how-to-boxes-img{
    width:260px;
    margin-top:80px;
}
#how-to-host-body .text-left-img-wrapper, #how-to-host-body .text-right-img-wrapper{
    width:43%;
}

@media only screen and (min-width:1370px) {
    .step-title {width:51% !important;}
    .step-text {width:50% !important;}
}

@media only screen and (max-width:880px) {
    .left-text-wrapper .step-text, .left-text-wrapper .step-title, .right-text-wrapper .step-text, .right-text-wrapper .step-title{width:80%;}
    #how-to-store-img {width:200px;margin-top:70px;}
}

@media only screen and (max-width:680px) {
    .right-text-wrapper,.left-text-wrapper .step-title, .left-text-wrapper .step-text,.right-text-wrapper .step-title, .right-text-wrapper .step-text,.text-left-img-wrapper,.text-right-img-wrapper img,
    .left-text-wrapper,.step-text,.step-title{
        float:none;width:90%;margin-left:auto; margin-right: auto;
    }
    .text-left-section,.text-right-section{ text-align:center;}
    #how-to-search-img{margin-top:20px;margin-left:-60px;}
    .step-text{font-size:20px;}
    #how-to-store-img{margin-top:20px;margin-left:-30px;}
    #how-to-host-body .left-text-wrapper, #how-to-host-body .right-text-wrapper{width:90%;}
    #how-to-host-body .how-to-subtext {width:80%;}
    #how-to-host-body .text-left-img-wrapper,#how-to-host-body .text-right-img-wrapper {width:100%;}
    #how-to-list-img,#how-to-accept-img,#how-to-boxes-img{margin:0 auto;display:block;}
    #how-to-list-img{width:120px;}
    #how-to-accept-img{width:180px;}
    #how-to-boxes-img{width:200px;}
    /*#how-to-list-img{margin-left:-5px;}
    #how-to-accept-img{}
    #how-to-boxes-img{margin-left:0px;}*/
}

@media only screen and (max-device-width:500px) {
}
@media only screen and (max-device-width:330px){
}
/* / / / / / / / / / / / / 
/ PASSWORD RESET STYLING /
/ / / / / / / / / / / / */

#pass-recover-body {
    background-image:url("images/background_img.png");
    font-family:'Lato', sans-serif;
}

.white-box {
    background-color: #fff;
    margin: 80px auto 0px auto;
    padding: 20px;
    text-align: center;
    width: 40%;
    box-shadow: 0px 1px 3px #b7b3ac;
}

.page-title {
    font-size:24px;
    font-weight:400;
    text-align: center;
    color:#616161;
    margin-bottom:40px;
}

.submit-btn {
    background-color:#fba430;
    color:#fff;
    padding:10px 0px 10px 0px;
    text-align: center;
    margin-top:30px;
    margin-bottom:25px;
    border: none !important;
    border-radius:30px;
    font-size:16px;
    width: 30%;
    transition:0.5s;
}

.submit-btn:hover{
    background-color:#ffb554;
    transition:0.5s;
}

.input-label {
    color:#929292;
    font-size:14px;
    margin-bottom:4px;
}

.pass-recovery-input {
    width: 50%;
    height:40px;
    border-radius:3px;
    border: solid 1px #d8d8d8 !important;
    font-size:16px;
    padding-left:10px;  
}

.error-box {
    background-color:#d6400a;
    text-align:center;
    padding:9px 20px;
    width:40%;
    border-radius:3px;
    color:#fff;
    margin: 0 auto;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size:14px;
}

.success-box { 
    background-color:#6bad01;
    text-align:center;
    padding:9px 20px;
    width:40%;
    border-radius:3px;
    color:#fff;
    margin: 0 auto;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size:14px;
}

.in-progress {
	opacity: .35;	
}

.in-progress::before {
	content:'\f110';
	font-family: FontAwesome;
	font-size: 20px;
	display: inline-block;
    
    margin-right: 14px;
    margin-left:-4px;
    animation: spin 2s linear infinite;
	transform-origin: 70% 90%;
	width: 14px;
    height: 14px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Web */
@media (max-width:992px) {
    .pass-recovery-input {width:90%;}
    .white-box, .error-box, .success-box {width:60%;}
}
@media (max-width:736px) {
    .pass-recovery-input {width:60%;}
    .white-box, .error-box, .success-box {width:80%;}
    #pass-recover-body{margin:0px;}
    .white-box{margin:80px auto 0px auto; padding:20px 0px 20px 0px;}
    .error-box, .success-box {padding:20px 0px 20px 0px; margin-bottom:30px;}
}
@media(max-width:500px) {
    .pass-recovery-input {width:80%;}
    #pass-recover-body{background-size: 45px 20px;}
    .white-box, .error-box, .success-box {width:100%;}
    .white-box{margin:40px 0px 0px 0px;}
    .error-box, .success-box {border-radius:0px;}

}
/* ----------- iPhone 6+ and smaller ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .pass-recovery-input {width:60%;}
    .white-box, .error-box, .success-box {width:90%;}
    #pass-recover-body{margin:0px;background:#ffc982;}
    .pass-recovery-input{width:80%;height:50px;padding-left:10px;}
    .white-box{margin:80px auto 0px auto; padding:20px 0px 20px 0px;box-shadow:0px 1px 4px #929292;}
    .error-box, .success-box {padding:20px 0px 20px 0px; margin-bottom:30px;box-shadow:0px 1px 4px #616161;}
    .submit-btn{width:40%;padding:15px 0px;}

}
/* / / / / / / / / / / / 
/ / / FAQ STYLING / / / /
/ / / / / / / / / / / / */

#faq-body {
    font-family:'Lato', sans-serif;
}
.text-container{
    text-align:left;
    width:80%;
    margin:0 auto;
    padding-top:80px;
}
@media only screen and (max-width:630px) {
    .text-container {padding-top:60px;}
}
#faq-title {
    font-size:44px;
    color:#616161;
    font-weight:700;
    margin-bottom:40px;
}
.faq-section-hr {
    width:5%;
    float:left;
    border: solid 2px #d8d8d8;
}
.pp-section-hr{
    width:5%;
    float:left;
    border: solid 2px #d8d8d8;
}
.question {
    color:#616161;
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
}
.answer {
    color:#929292;
    font-size:16px;
    font-weight:400;
    margin-bottom:35px;
    line-height:1.5em;
}
.spacer {
    height:40px;
}
.section-header {
    color:#616161;
    font-size:28px;
    font-weight:600;
    font-family:'Nunito Sans',sans-serif;
}
#faq-body ul li {
    line-height:1.4em;
    margin-bottom:5px;
}
.bold {
    font-weight:600;
    color:#616161;
}
.dont-store-these li {
    color:#929292;
    font-weight:400;
}

/* / / / / / / / / / / / 
/ / / TOS STYLING / / / /
/ / / / / / / / / / / / */
#tos-body,#pp-body {
    font-family:'Lato',sans-serif;
}
#tos-title{
    font-size:44px;
    font-weight:700;
    color:#616161 !important;
}
.tos-allcaps-section{
    font-size:14px;
    margin-bottom:40px;
    color:#616161;
}
.tos-subtitle{
    font-size:20px;
    font-weight:400;
    margin-bottom:20px;
    color:#616161;
}
.tos-text {
    font-weight:400;
    font-size:14px;
    margin-bottom:40px;
    color:#929292;
}
#tos-body ul li {
    font-weight:400;
    font-size:14px;
    color:#616161;
}

.tos-ul li {
    color:#616161;
}
#tos-body .footer{
    margin-top:20px;
}

/* / / / / / / / / / / / / 
/ PRIVACY POLICY STYLING / 
/ / / / / / / / / / / / */

#pp-title{
    font-size:44px;
    font-weight:700;
    color:#616161 !important;
    margin-bottom:10px;
}
.pp-last-updated {
    font-weight:300;
    font-size:14px;
    font-style:italic;
    color:#616161;
}
.pp-caps-subtitle {
    font-size:20px;
    font-weight:600;
    margin-bottom:30px;
    margin-top:30px;
    color:#616161;
}
.pp-subtitle{
    font-size:16px;
    font-weight:400;
    margin-top:30px;
    color:#616161;
}
.pp-text, .pp-list{
    font-weight:400;
    font-size:14px;
    margin-bottom:30px;
    color:#929292;
}
.pp-section-hr{
    width:5%;
    border: solid 2px #d8d8d8;
    display:block;
}
/* / / / / / / / / / / / / 
/ 404 PAGE STYLING / / / /
/ / / / / / / / / / / / */
.title-404 {
    font-size:32px;
    color:#616161;
}
.text-404{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:100px;
    font-family:'Lato',sans-serif;
}
.subtext-404 {
    font-size:18px;
    color:#929292;
}
#body-404 a {
    text-decoration:none;
    color:#fba430;
    font-weight:400;
}
#pp-body .footer{
    margin-top:20px;
}

/* / / / / / / / / / / / / 
/ ABOUT US STYLING / / / /
/ / / / / / / / / / / / */
#about-body{
    margin:0;
    padding:0;
}
.about-section-header {
    font-size:36px;
    font-weight:600;
    color:#333;
    font-family:'Nunito Sans', sans-serif;
    margin-bottom:32px !important;
}
.about-top-section {
    width: 100%;
  height:600px;
  background-image: url('images/about-back.png');
  background-size:cover;
  text-align:center;
  background-position:10% 30%;

}
.hackspan {
        height: 100%;
        vertical-align: middle;
        display: inline-block;
    }
.about-title {
        font-size:50px;
        font-weight:600;
        font-family:'Nunito Sans',sans-serif;
        color:#fff;
        vertical-align: middle;
        display: inline-block;
        width:80%;
}


.our-mission-wrap {
    padding: 60px 0px 0px 0px;
    overflow:hidden;
    text-align:center;

}
.about-centered-text {
        font-size:20px;
        font-weight:300;
        width:70%;
        max-width:570px;
        margin-left:auto;
        margin-right:auto;
        display:block;
        text-align:left;
        color:#333;
        line-height:1.4em;
        margin-bottom:60px !important;
    }
.our-mission-wrap.bold {
        color:#333;
    }
.our-mission-wrap.about-neighborhood {
        width:300px;
    }
.about-neighborhood {
    max-width:400px;
}
.spiritual-phrase-wrap {
    text-align:center;
    background-color:#f5f5f5;
    padding:140px 0px;
}
.spiritual {
        font-size:32px;
        font-weight:400;
        width:65%;
        color:#333;
        margin:0 auto;
    }
.leadership-wrap {
    padding:60px 0px;
    overflow:hidden;
    text-align:center;
}
.leadership-wrap .text-left-section,.leadership-wrap .text-right-section {
        background-color:#fff;
        width:65%;
        max-width:867px;
        margin-left:auto;
        margin-right:auto;
        
    }
    .left-text-wrapper.founder,.right-text-wrapper.founder {
        text-align:left;
        width:60%;
        padding-top:20px;
        padding-bottom:20px;
    }
    .text-left-img-wrapper.founder, .text-right-img-wrapper.founder{
        width:30%;
    }
    #mike-img, #ian-img{
        min-width:150px;
        float:none;
        margin:0px;
        max-width:200px;
    }
    .founder-name{
        font-size:18px;
        font-weight:600;
    }
    .founder-about {
        font-size:16px;
        font-weight:300;
        color:#575757;
    }



.about-text-left-wrap{
    width:70%;
    text-align:left;
}
.about-text-right-wrap {
    float:right;
    width:70%;
    text-align:left;
}


@media only screen  and (max-width:1050px) {
    .leadership-wrap .text-left-section,.leadership-wrap .text-right-section {width:85%;}
.spiritual {
        font-size:32px;
        font-weight:400;
        width:65%;
        color:#333;
        margin:0 auto;
        
    }
}
@media only screen and (max-width:791px) {
    .spiritual { width:90%;}
}
@media only screen and (max-width:840px) {
    .left-text-wrapper.founder,.right-text-wrapper.founder {
            display:block;
            text-align:center;
            width:75%;
            margin:0 auto;
            float:none;
    }
     .text-left-img-wrapper.founder, .text-right-img-wrapper.founder{
            float:none;
            display:block;
            margin:0 auto;
            width:50%
     }
     .founder-name{
            font-size:24px;
            margin-top:15px;}
    .founder-about{
            font-size:18px;
            margin-top:10px;
        }
}
@media only screen and (max-width:550px) {
    .about-centered-text{width:90%;font-size:20px;margin-bottom:100px !important;}
    .about-title {font-size:40px;width:95%;}
    .left-text-wrapper.founder,.right-text-wrapper.founder{width:95%;text-align:center;}
     .text-left-img-wrapper.founder, .text-right-img-wrapper.founder{width:100%;}
     .about-neighborhood { width:80%;}
     .founder-about{font-size:22px;}
     .about-top-section {background-position:70% 20%;}
     .leadership-wrap .text-left-section,.leadership-wrap .text-right-section {width:95%;}
     
}