#whatWeDo {
    max-width:  820px;
    margin-top: 2em;
}
#whatWeDoContainer {
    position: relative;
    margin-bottom: 30px;
}
#timeline {
    position: relative;
    min-height: 450px;
    padding-left: 0;
}
#timelineSlider {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
}
#whatWeDoSlider,
#timelineSlider {
    overflow: hidden;
    white-space: nowrap;
}
#whatWeDoSlider li,
#timelineSlider li {
    max-width: 204.8px;
    width: 20%;
    height: 345px;
    float: left;
    position: relative;
    overflow: hidden;
}
#timelineSlider li {
    padding-bottom: 30px;
}
#timelineSlider li .timelineImageConatiner {
    height: 135px;
}
#whatWeDoSlider li.lastListItem,
#timelineSlider li.lastListItem {
    margin-right: 0;
}
#whatWeDoSlider h3,
#timelineSlider h3 {
    font-size: 16px;
    padding: 0 10px;
}
#whatWeDoSlider p,
#timelineSlider p {
    white-space: normal;
    margin: 0 18px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
}
.whatWeDoInner {
    width: 96%;
    position: relative;
    height: 100%;
    margin: 0 auto;
}
.sliderImg {
    position: absolute;
    bottom: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 257px;
    width: 100%;
    text-indent: -9999em;
}
.sliderImg.mobile {
    display: none;
}
#timeline .sliderImg {
    top: 0;
}
#timeline .sliderDropDown {
    position: absolute;
    bottom: 30px;
    background-color: #dbdad6;
    color: #55534f;
}
.sliderDropDown h3 {
    text-align: center;
}
#whatWeDoSlider .plusMinusSprite,
#timelineSlider .plusMinusSprite {
    margin: -25px auto 0 auto;
    cursor: pointer;
}
#timelineSlider .plusMinusSprite {
}
#timelineSlider .plusMinusSprite,
#whatWeDoSlider .plusMinusSprite {
    z-index: 2;
    margin: -25px auto -25px auto;
    top: 0;
}
#whatWeDoSlider .vertAlignCenter {
    width: 100%;
    height: 137px;
}
#timelineSlider .vertAlignCenter {
    width: 196px;
    height: 145px;
}
.vertAlignCenter {
    display: table;
}
.vertAlignCenter h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#whatWeDo .whatWeDoContent {
    position: absolute;
    z-index: 13;
    height: 100%;
    width: 101%;
    display: table;
}
#whatWeDo .whatWeDoContent:hover {
    opacity: 1;
}
#whatWeDo hr {
    width: 55px;
}
#whatWeDo .whatWeDoContent .whatWeDoText {
    display: table-cell;
    vertical-align: middle;
}
#whatWeDo .whatWeDoContent h3,
#whatWeDo .whatWeDoContent p {
    color: white;
    margin-top: 20px;
}
#whatWeDo .whatWeDoContent h3 {
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    margin-top: 20px;
}
#whatWeDo .whatWeDoContent p:last-of-type {
    position: absolute;
    left: 0;
    right: 0;
}
#whatWeDo .whatWeDoContent h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 20px;
}
#whatWeDo .whatWeDoContent a {
    text-transform:  initial;
}
#whatWeDoSlider a {
    color: white;
    font-size:  14px;
    width: 100%;
    text-decoration: none;
    padding: 3px 7px;
    font-family:  "Futura LT W01 Book";
}
@media only screen and (max-width: 1023px) and (min-width:769px){
    #whatWeDo .whatWeDoContent h3 {
        font-size: 15px;
    }
    #whatWeDoSlider .whatWeDoContent a {
    font-size: 12px;
}
}
#whatWeDo .whatWeDoContent p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: normal;
    text-transform: none;
}
#whatWeDo .mask {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
}
#whatWeDo .mask>div {
    vertical-align: middle;
    padding-top:  45px;
}
#whatWeDo .mask .img-border {
    width: 70px;
    height: 70px;
    border: 3px solid white;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
}
#whatWeDo .mask .img-container img {
    display: block;
    left: 50%;
    top: 50%;
    position: relative;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 40px;
}
#whatWeDo .house .whatWeDoInner {
    background: rgba(72,114,174,1);
    background-size: cover;
}
#whatWeDo .family-room .whatWeDoInner {
    background: rgba(72,114,174,1);
    background-size: cover;
}
#whatWeDo .healthcare .whatWeDoInner {
    background: rgba(72,114,174,1);
    background-size: cover;
}
#whatWeDo .grants .whatWeDoInner {
    background: rgba(72,114,174,1);
    background-size: cover;
}
@media only screen and (min-width : 769px) {
    #whatWeDoSlider li {
        padding: 0;
    }
}
@media only screen and (max-width : 768px) {
	#whatWeDo {
		clear: both;
		margin-top: 40px;
		position: relative;
		width: 100%;
	}
        #whatWeDo .mask .img-border {
                width:36px; 
                height:36px;
        }
       #whatWeDo .mask>div {
                padding-top:20px;
        } 
       #whatWeDo .whatWeDoContent p { 
                margin-bottom:-30px; 
       }
	#whatWeDoSlider li {
		width:49% !important;
		max-width: 100% !important;
		height:200px;
		margin:0 0 5px 0 !important;
		overflow:hidden;
		position:relative;
                margin-left: auto;
                margin-right: auto;
                float: left;
                padding-right: 0px;
                padding-left: 5px;	
       }	
       .sliderDropDown {
		width: 100%;
		height: 112px;
	}
	.sliderDropDown hr {
		display: none;
	}
	#whatWeDoContainer {
		height:auto;
	}
         #whatWeDo .mask .img-container img {
                width:18px !important
        }
	#whatWeDoSlider {
                padding-right:20px;
		margin: 0 8px;
		position: relative;
		height:auto;
	}
	#whatWeDoSlider .plusMinusSprite {
		position:absolute;
		top:35px;
		left:162px;
		margin:0;
	}
	#whatWeDoSlider p {
		padding-top: 20px;
		font: 14px/24px 'Futura W01 Book', sans-serif !important;		
                margin: 0;
	}
	.whatWeDoInner {
		width: auto;
		position: relative;
		margin: 0 auto;
                overflow: hidden;
	}
        #whatWeDo .house .whatWeDoInner {
               background:rgba(72,114,174,1); 
               background-size:cover;
	} 
        #whatWeDo .family-room .whatWeDoInner { 	 
               background:rgba(72,114,174,1); background-size:cover;
	} 
        #whatWeDo .healthcare .whatWeDoInner { 
                background:rgba(72,114,174,1); 
                center -100px;
                background-size:cover;
        } 
       #whatWeDo .grants .whatWeDoInner {
 	         background:rgba(72,114,174,1); 
                 center -120px; 
                 background-size:cover; 
        }
 	.sliderImg {
		height:auto;
		width:277px;
		top:0;
		bottom: -120%;
                display: none;
	}
	.sliderImg.mobile {
		display: block;
 	        height: 100%;
 	        position: absolute;
 	        width: 50% !important;
 	        z-index: 100; left: 50%;
	}
	#whatWeDoSlider .vertAlignCenter {
		float: left;
 	        height: 112px;
 	        padding: 0 25px;
 	        white-space: normal;
 	        width: 50%;
	}
	#whatWeDoSlider .whatWeDoContent { 
                width:101%;
		height: 100%;
		padding: 25px 0 0 0;
	}
         #whatWeDoSlider .whatWeDoContent h3 {
                margin-bottom:35px;
                margin-top: 0px; 
        }
          #whatWeDoSlider .whatWeDoContent hr, #whatWeDoSlider 
          .whatWeDoContent p:first-of-type {
                margin-top:-45px;
                margin-right: 5px;
        }
          .sliderImg {
 	         bottom: 30px;
 	         height: 257px;
 	         position: absolute;
 	         text-indent: -9999em;
 	         width: 100% !important;
	} 
            #whatWeDo .whatWeDoContent h3{
                  font-size: 15px !important;
        } 
            a.nonA {
                   font-size:15px !important;
        }
           #whatWeDo .whatWeDoContent a {
                   font-size: 14px 
        }
}
@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 1024px) {
    
}
@media only screen and (max-width: 992px) {
	#whatWeDoSlider p, #timelineSlider p {
        margin: 0 15px;
    }
}
@media only screen and (max-width: 979px) and (min-width: 768px) {	
	
}
@media only screen and (max-width : 860px) {
	
}
@media only screen and (max-width : 768px) {
    
}
@media only screen and (max-width : 768px) and (min-width: 640px) {		
	
}
@media (max-width: 639px) {
	#whatWeDoSlider p {
        font: 14px/22px "Futura W01 Book",sans-serif !important;
    	margin: 0;
    	padding: 18px 0 15px 20px;
    }
}
@media (max-width: 639px) and (min-width: 565px) {	
	
}
@media only screen and (max-width : 680px) and (min-width: 641px) {
    
}
@media (max-width: 566px) {
   #whatWeDoSlider p{
		padding: 20px 0 15px 10px !important;
		font: 12px/19px 'Futura W01 Book', sans-serif !important;
	}
}
@media only screen and (max-width : 480px) {
   #whatWeDo .whatWeDoContent h3, #whatWeDo .whatWeDoContent a {
font-size: 13px;
}
}
.wWDLink {
    text-transform:  initial;
}