#who-what-how{
    max-height:300px;
}
.left-img{
    background: url(/images/home/western3.jpg); 
    min-height: 400px;
    color:black;
    font-size:20;
    text-align:left;
    padding: 40px 80px 10px 60px;
    position:relative;
    z-index:98;


}
.mid-img{
    background: url(/images/home/clock-gray.jpg); 
    min-height: 400px;
    color:black;
    font-size:20;
    text-align:left;
    padding: 40px 80px 10px 60px;
    position:relative;
    z-index:98;

}
.right-img{
    background: url(/images/home/homeless4.jpg); 
    margin-top:0px;
    min-height: 400px;
    color:black;
    font-size:20;
    text-align:left;
    padding: 40px 80px 10px 60px;
}
#jumbo-right{
    position:relative;
    z-index:-2;
}
#stress{
    color:white;
    z-index:1;
    padding-left:60px;
    
}
#sample{
    border: 3px solid #87c126;
    border-radius: 5px;
    margin-top:10px;
    padding:10px 0 10px 0;
    font-size: 1.2em;
    background-color: white;
}
#sample h1{
    color:#87c126;
    font-weight:bold;
    font-style:italic;
}
.sec-left{
    float: left;
    width:50%;
    height: auto;
    border: 2px solid white;
    padding:20px;
}
.sec-carousel{

}
#btn-yellow{
    background-color:#ffd700;
    color:white;
    border-radius:5px;
    height:auto;
    padding: 5px 10px 5px 10px;
    font-size:18;
    font-weight:bold;
    margin-bottom:20px;
}
#btn-yellow:hover{
    background-color:#ffe45a;
}
#btn-clear{
    background-color:inherit;
    color:white;
    border:2px solid white;
    border-radius:5px;
    height:auto;
    padding: 5px 15px 5px 15px;
    font-size:22;
    font-weight:bold;

}
#btn-clear:hover{
    background-color:white;
    color:#7282bf;

}

#btn-white{
    background-color:white;
    color:black;
    border:2px solid white;
    border-radius:5px;
    height:auto;
    padding: 5px 10px 5px 10px;
    font-size:18;
    font-weight:bold;
}
#btn-white:hover{
    color:#b4b4b4;

}
#nav-white a{
    color:white;  
    }
#nav-gray a{
    color:#b4b4b4;
    font-weight:bold;
    }
#nav-blue a{
    color:#417aa8;
    font-weight:bold;
    }
#jumbo{
    width:100%;
    background: url(../images/jumbotron/tug-gray.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom:0px;
    height:auto;
    color: #000;
    min-height:480px;
}
#jumbo h1{
    color:white;
    font-size:90;
    font-family: Georgia;
}
#jumbo h2{
    color:#ffd700;
    font-size:50;
    font-weight:bold
}
#jumbo p{
    font-size:40;
}
.popover-title {
    background-color:#d43c37;
    font-size: 15px;
    color:white;
    font-weight:bold;   
}
#body-text{
    font-size:22;
    text-align:center;
    color: #919191;
    width:100%;
    height:auto;
    padding:20px 40px 20px 40px;
}
#body-text h2{
    color:black;
    font-family:georgia;
    font-weight:bold;
}
.c-logo{
    width:70px;
    height:70px;

}
.charity-list{
    margin-top:25px;
    padding-left:50px
    text-align:center;
    padding-bottom:20px;
}
.charity-list h4{
    font-size: 12;
    text-align:center;
}

.navigation2{
    background-color:inherit;
    color:white;
    padding:20px 0 2px 0;
}
#gray-bg{
    background: linear-gradient(to bottom, #262626, #b3b3b3);
    border-bottom:1px solid white;
}
#promoter{
    color:#a2a2a2;
    text-align:center;
}
#promoter p{
    font-size:20;
    color:#6e6e6e;
}
#earn-top{
    color:white;
    padding: 20px 20px 0 30px;
    border-radius:0px;
    background: ;
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.29), 8px 6px 20px 0 rgba(0, 0, 0, 0.25);
}
#earn-top p, li{
    font-size:18;    
}
#earn-middle h4{
    font-size:.8em;
    text-align:center;
}
#earn-middle img{
    width:60%;
    height:auto;
}
#earn-3-left{
    background: url(/images/home/man-1.jpg)no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;     
}
#earn-3-center{
    background: url(/images/home/man-2.png)no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    border-left:4px solid white;
}
#earn-3-right{
    background: url(/images/home/office1.jpg)no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-left:4px solid white;
}
.text-right{
    width:50%;
    float:right;
}
.text-left{
    width:50%;
    float:left;
    color:white;
}
.text-bottom{
    vertical-align:text-bottom;
}
.footnote{
    color:#b4b4b4;
}


.animated {
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
         
    @-webkit-keyframes fadeIn {
        0% {opacity: 0;}
        50% {opacity: 1;}
        }
         
    @keyframes fadeIn {
        0% {opacity: 0;}
        50% {opacity: 1;}
        }
         
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animated2 {
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
         
    @-webkit-keyframes fadeIn {
        0% {opacity: 0;}
        50% {opacity: 1;}
        }
         
    @keyframes fadeIn {
        0% {opacity: 0;}
        50% {opacity: 1;}
        }
         
.fadeIn2 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animated3 {
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
         
    @-webkit-keyframes fadeIn {
        0% {opacity: 0;}
        50% {opacity: 1;}
        }
         
    @keyframes fadeIn {
        0% {opacity: 0;}
        50% {opacity: 1;}
        }
         
.fadeIn3 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@media and screen and (max-width: 767px) {
    .left-img, .mid-img, .right-img{
    max-height:20px !important;
    }
    
}