@charset "utf-8";
/* CSS Document */
	    .xs-display-no{
			display:none;
		}
		#wrapper {
        width:100%;
        height:100%;
        background-color:#fff;
		margin:0 auto;
		margin-top:0px;
    }
	#container{
		width:100%;
        height:100%;
        background-color:#fff;
		margin:0 auto;
		max-width:880px;
		position:relative;
	}
	.main-photo-wrapper{
		position:relative;
		height:0;
		margin:0 auto;
		width:96.5%;
		margin-bottom:41%;
	}
	.main-photo{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	background-image:url(../images/site/family-reading.jpg);
	margin:0 auto;
	padding-bottom:42%;
	background-position:0% 31%;
	background-size:cover;
	position:relative;
    }
	.photo-text-small{
	display:none;
	}
#home-right-content{
	text-align:left;
	border: 1px solid #c1c1c1;
    margin-top: 0.8em;
    position: relative;
    padding: 10px;
	padding-top:15px;
    line-height: 150%;
}
#home-right-content::after {
  content: "";
  background: #a8b9c1;
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;   
}
#home-right-content h3{
  font-size:1.2em;
  color:#622d91;
  padding: 0;
  margin-bottom:4px;
  padding-left:5px;
}
#home-right-content div.slogan{
	margin-left:4px;
	font-weight:bold;
}
#home-right-content .header{
	font-weight:bold;
	font-size:.9em;
	padding-left:6px;
}
#home-right-content ul{
	text-align:left;
	color:#444;
	font-size:13px;
	position:relative;
	z-index:2;
	margin-top:5px;
	margin-bottom:10px;
	display:inline-block;
	width:50%;
}
#home-right-content ul.right-list{
	margin-left:0px;
	padding-left:8%;
    float:left;
}
#home-right-content ul.left-list{
	padding-left:8%;
}
#home-right-content ul{
	text-align:left;
	color:#444;
	font-size:13px;
	position:relative;
	z-index:2;
	margin-top:5px;
	margin-bottom:10px;
	display:inline-block;
	width:50%;
}
#home-right-content li{
	line-height:170%;
}
#home-right-content .footer{
	font-size:1em;
	float:left;
	margin-left:11px;
}
#home-right-content-xs{
	border: 1px solid #c1c1c1;
	width:100%;
    margin-top: 0.8em;
    position: relative;
    padding: 10px;
	padding-top:5px;
    line-height: 150%;
}
#home-right-content-xs::after {
  content: "";
  background: #a8b9c1;
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;   
}
#home-right-content-xs ul{
	text-align:left;
	color:#444;
	font-size:13px;
	margin-top:5px;
	margin-bottom:10px;
	display:inline-block;
	vertical-align:top;
}
#home-right-content-xs .right-list{
	vertical-align:top;
}
#home-right-content-xs .left-list{
	
}
#home-right-content-xs .header{
	font-weight:bold;
	text-align:left;
	margin-left:15px;
}
.two-column-service{
	margin-left:-10px;
}
.three-column-service{
	margin-left:-10px;
	display:none;
}
#home-right-content-xs .footer{
	color:cornflowerblue;
	font-weight:bold;
    margin-top: 5px;
	text-align:left;
	padding-left:15px;
}
#home-right-content-xs h3{
	text-align:left;
	padding-left:15px;
	padding-bottom:8px;
}
	#twitter-timeline{
		float:right;
		margin-top:15px;
		width:100%;
}
	.twitter-timeline{
		height:300px;
		width:100%;
	}

/* ABOUT US CSS */

.about-us h3, .services h3, .resources h3{
	padding-top:5px;
}
.about-us h4, .services h4, .resources h4{
	font-weight:bold;
	font-size:1em;
}

/* SERVICES CSS */

.rightContent{
    border: 1px solid #c1c1c1;
    margin-top:10px;
	margin-bottom:5px;
    position: relative;
    width: 100%;
    float: right;
    padding: 10px 10px 10px 20px;
    line-height: 160%;
}
.rightContent:after{
 content: "";
  background: #a8b9c1;
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;   
}
.rightContent h3{
    opacity: 1;
    z-index: 2;
    color: #622d91;
    font-size: 1.1em;
    padding: 0;
    margin-bottom: 4px;
}
.first-service-box{
	margin-top:5px;
}
.service-box{
	margin-top:5px;
	border:1px solid #ccc;
	text-align:left;
	padding:12px;
	padding-left:20px;
}
.service-box p{
	margin-bottom:0;
}
#assessmentMore{
	display:none;
}
#myFooter{
	margin-top:20px;
}
@media only screen and (min-width : 380px){

.two-column-service{
	display:none;
}
.three-column-service{
	display:block;
}
}
@media only screen and (min-width : 420px){
		#home-right-content-xs{
width:25em;
}
}
@media only screen and (min-width : 510px){

	#photo-text{
	font-size:1.1em;
	}
}
@media only screen and (min-width : 620px){	
}
@media only screen and (min-width : 768px){
.xs-display-no{
	display:block;
}
.xs-display-yes{
	display:none;
}
#home-right-content-xs{
	display:none;
}
@media only screen and (min-width : 850px){


}