@charset "utf-8";
/* CSS Document */
@media (max-width: 1900px) {
	#topwrapper .top #navwrapper, #home .head .overlay{
		width:38%;
	}
}

@media (max-width: 1800px) {
	  
	
	#pages.testimonials .main{
		width:90%;
	}
	
	#pages.testimonials .testimonial{
		background-size:48%;
	}
	 
	
	#pages.testimonials .par{
		width:88%;
	}
	
	#pages.testimonials .content{
		width:50%;
	}
}

@media (max-width: 1550px) {
	#topwrapper .top #navwrapper{
		width:45%;
	}
	
	#home .head .overlay {
		width: 42%;
	}
	
	#home .updates .right{
		margin:0;
	}
	
	#home .updates{
		background-size:55%;
	}
	
	#pages.testimonials .testimonial{
		padding:20px 0;
	}
	
	#pages.testimonials .testimonial .main.padding{
		padding:35px 0;
	}
	
	#pages.testimonials .par {
		width: 84%;
	}
}

@media (max-width: 1350px) {
	#topwrapper .top #navwrapper {
		width: 50%;
	}
	
	#home .head .overlay {
		width: 50%;
		right:50px;
	}
	
	#home .updates {
		background-size: 65%;
	}
	
	#pages.about .prek, #pages.about .elementary{
		background-attachment:scroll;
	}
	
	#pages.testimonials .testimonial .main.padding {
		padding: 10px 0;
	}
}

 

@media (max-width: 1200px) {
	body{
		min-width:1000px;
	}
	
	#topwrapper .topnotice{
		text-align:left;
		font-size:14px;
		padding:8px 50px 8px 8px;
	}
	
	#topwrapper .topnotice .btn{
		font-size:12px;
	}
	
	.main, .copy, #footerwrapper .footer{
		width:1000px;
		
	}
	
	
	
	.main-menu{
	  position: absolute;
	  display: none;
	  right:0;
	  top: 0;
	  height: 100%;
	  transition: left 0.3s ease, box-shadow 0.3s ease;
	  z-index: 999;
		 
	}
	
	.main-menu ul{
	  list-style: none;
	  margin: 0;
	  padding: 2.5em 0 0;
	 
	  -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
		 -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
			  box-shadow: -8px 0 8px rgba(0,0,0,.5);
	  min-height: 100%;
	  width: 230px;
	  background: #1a1a1a;
	  text-align:right;
	  z-index:9;
	 
	 
	}
	
	.nav li {
		display: block;
		margin: 0 0 0 0px;
	}
	 
	
	 #navwrapper .sub_menu{
		
		top: 0px!important;
		left: -230px;

	}
	
	#navwrapper .sub_menu li.first {
		margin: 0;
	}
		
	#topwrapper .fa{
		display:block;}
	
	  
	#topwrapper #navwrapper .sub_menu li a {
		font-size: 14px;
		padding: .75em  5px;
	}
	
	#navwrapper .fa-bars{
		color:#61b0f7;
		position:fixed;
		right:20px;
		top:25px;
		font-size:22px;
		background:#fff;
	}
	 
	#navwrapper .fa-bars.scrolled{
		color:#fff;
		font-size:18px;
		display: block;
		z-index:99;
		width: 18px;
		height: 20px;
		padding: 20px;
		background:rgba(4,30,40,0.7);
		position:fixed;
		top:0;
		right:0;
	}
	
	.wp-embed-responsive  #navwrapper .fa-bars.scrolled {
		 
		padding: 15px 30px 35px 20px;
	}
	
	.wp-embed-responsive #footerwrapper .left{
		display:none;
	}
	
	#topwrapper .top li {
 		float: none;
		width:100%;
		 
		border-right: none;
		text-align: left;
		 
	}
		
	 
	
	.fa-close{
		font-size:22px;
	}
	
	#topwrapper #navwrapper .menu-toggle, #topwrapper #navwrapper .menu-close{
		display:block;
		padding:0;
	}
	
	#topwrapper  #navwrapper {
		width: 100%;
		float: none;
		text-align: left;
		margin:0;
	}
  
	
	#topwrapper  #navwrapper a {
		padding: 15px 0 0 0;
		font-size: 20px;
	}
	
	 

	.main-menu li:first-child a {
	 
	}
	
	.main-menu a:hover,
	.main-menu a:focus,
	{
	  background: #333;
	  text-decoration: none;
	}
	
	#topwrapper #navwrapper .main-menu a, #topwrapper #navwrapper .sub_menu li a{
	  display: block;
	  padding: .75em 15px;
	  line-height: 15px;
	  font-size: 15px;
	  color: #fff;
	  text-decoration: none;
	 
	}
	
	 
	.main-menu .menu-close {
	  position: absolute;
	  right: 0;
	  top: 0;
	  border-bottom: none!important;
	}
	 
	.main-menu:target, .main-menu[aria-expanded="true"]{
	  display: block;
	  right:0;
	  outline: none;
	  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  
	  
	}
	
	.main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
	  z-index: 1001;
	}
	
	.main-menu:target ul, .main-menu[aria-expanded="true"] ul, {
	  position: relative;
	  z-index: 1000;
	}
	 
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
	  position: absolute;
	  display: block;  
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 998;
	  background: #000;
	  background: rgba(0,0,0,.85);
	  cursor: default;
	  
	}
	
	
	@supports (position: fixed) {
	  .main-menu,
	  .main-menu:target + .backdrop,
	  .main-menu[aria-expanded="true"] + .backdrop{
		position: fixed;
		 
	  }
	  
	  #home .head .title {
		font-size: 47px;
	}
	
	#home .resources h2{
		font-size:35px;
	}
	
	#home .resources .button{
		font-size:14px;
		padding:5px 15px;
	}
	
	#home .updates {
		background-size: cover;
	}
	
	#home .updates .left, #home .updates .right{
		float:none;
		width:100%;
	}
	
	#home .updates .content{
		float:none;
		width:90%;
		margin:0 auto;
	}
	
	#home .updates h2 br{
		display:none;
	}
	
	#home .updates h2{
		text-align:center;
		margin:0 0 30px 0;
	}
	
	#home .updates .button{
		float:none;
		margin:0 auto 20px auto;
	}
	
	#home .bottom .left, #home .bottom .right{
		float:none;
		width:95%;
		margin:0 auto;
	}
	
	#home .bottom .title, #home .bottom .text{
		text-align:center;
	}
	
	#home .bottom .left{
		margin:0 0 40px 0;
	}
	
	#footerwrapper .social{
		float:none;
	}
	
	#footerwrapper .contactinfo, #footerwrapper .copytext{
		float:none;
		width:100%;
		text-align:center;
		margin:5px 0;
	}
	
	#pages.about .elementary .main.padding, #pages.about .prek .main.padding {
		background:rgba(255,255,255,0.8);
		padding:45px 5%;
		width:90%;
	}
	
	#pages.about .content {
		width: 100%;
	}
	
	#pages.services .white .icon{
		width:85%;
		margin:0 auto;
	}
	
	#pages.services .white img{
		width:100%;
	}
	
	#pages.services .white {
	 
		padding: 28px 0 35px 30px;
	}
	
	#pages.testimonials .testimonial {
		background-size: 40%;
		background-position: 10% 20px;
	}
	
	#pages.testimonials .testimonial.two {
	 
		background-position: 90% 70px;
	}
	
	#pages.testimonials .par {
		width: 80%;
	}
	
}

@media (max-width: 1000px) {
	body{
		min-width:960px;
	}
	
	.main, .copy, #footerwrapper .footer{
		width:960px;
		
	}
	
	#pages.staff .box{
		width:44%;
	}
	
	
	
	
}

@media (max-width: 960px) {
	body{
		min-width:100%;
	}
	
	.main, .copy, #footerwrapper .footer{
		width:93%;
		
	}
	
	#home .head .overlay{
		width:60%;
	}
	
	#home .box .title {
		line-height: 25px;
		font-size: 25px;
	}
	
	#pages.services .service .image{
		float:none;
		width:100%;
	}
	
	#pages.services .white{
		margin:0;
	}
	
	#pages.services .par {
		float: right;
		width: 73%;
		margin: 30px 0 0 0;
	}
	
	#pages.testimonials .content {
		width: 88%;
		background:rgba(255,255,255,0.8);
		padding:40px 6%;
	}
	
	#pages.testimonials .testimonial, #pages.testimonials .testimonial.two{
		background-size:cover;
		padding:0;
		background-position:center;
		background-attachment:fixed;
		margin:0 0 15px 0;
	}
	
	#pages.testimonials .testimonial .main.padding{
		padding:0;
		width:100%;
	}
}

@media (max-width:850px) {
	#home .head{
		max-height:none;
		min-height:0;
	}
	
	#home .head .title {
		font-size: 40px;
	}
	
	#home .head .border {
		margin: -20px 0 0px 0;
	 
		height: 10px;
	 
	}
	
	#home .updates .button {
	 
		background: rgba(255,255,255,0.7);
	 
	}
	
	#pages.contact .box{
		width:100%;
		margin:0 0 30px 0;
	}
}

@media (max-width:750px) {
	#home .head .overlay {
		width: 70%;
	}
	
	#pages.services .white {
		float: none;
		padding:20px 0 0px 0;
		width: 100%;
	}
	
	#pages.services .par {
		float: none;
		width: 93%;
		clear:both;
		padding:30px 0 0 0;
		margin: 20px auto 0 auto;
	}
	
	#pages.services .white .icon {
		width: 20%;
		margin: 0 auto;
		float: left;
	}
	
	#pages.services .title{
		float:left;
		text-align:left;
		margin:25px 0 0 30px;
	}
	
	#pages.services .title br{
		display:none;
	}
	
	#pages.services ul li{
		list-style-position:inside;
	}
	
	#page.site{
		width:100%;
	}
}

@media (max-width:650px) {
	#topwrapper .top .logo{
 
		width: 80px;
		margin: 0 0 -40px 0;
		position: relative;
		border-radius: 100%;
		background: #fff;
		padding: 10px 20px;
		z-index:9;
	}
	
	#home .head .overlay{
		 
		top:0;
		right:0;
		width:90%;
		padding:25% 6% 0 6%;
		height:88%;
		text-align:center;
	 
		background:rgba(0,0,0,0.4);
		z-index:8;
	}
	
	#home .head{
		overflow:hidden;
	}
	
	#home .box {
		width: 48%;
		margin: 0.8%;
	}
	
	#pages .topsection, #pages.blog .topsection {
		margin: 0px 0 50px 0;
		padding: 40px 30px;
	
	}
	
	#pages.staff .box{
		text-align:center;
	}
	
	 
}

@media (max-width:550px) {
	#home .head .title {
		font-size: 30px;
	}
	
	#home .head .overlay{
		padding:25% 6% 0 6%;
	}
	
	#home .head .rslides img{
		width:130%;
		margin:0 0 0 -15%;
	}
	
	#home .head .border {
		margin: -15px 0 0px 0;
		height: 6px;
	}
	
	#home .icon{
		width:23%;
		height:50px;
		margin:0 auto;
	}
	
	#home .icon img{
		width:100%;
	}
	
	#home .box{
		padding:20px 0;
	}
	
	#home .boxes {
		padding: 2px 0 2px 0.5%;
		 
	}
	
	#home .updates{
		background-position:center;
	}
	
	.padding {
		padding: 45px 0;
	}
	
	h2 {
 
    font-size: 60px;
    line-height: 50px;
	}
	
	#home .bottom .title{
		font-size:45px;
		line-height:45px;
	}
	
	#pages .callout{
		padding:30px 0;
		font-size:25px;
		line-height:30px;
	
	}
	
	#pages.staff .box{
		width:100%;
		padding:20px;
	}
	
	#pages.services .title {
	 
		margin: 0px 0 0 25px;
		font-size:25px;
	}
	
	#pages.services ul, #pages.services ul.right{
		float:none;
		width:100%;
	}
	
	#pages.testimonials .quote{
		width:15%;
	}
	
	#pages.testimonials .quote img{width:100%;
	}
	
	h1{
		font-size:25px;
	}
	
	#pages.contact .textfield, #pages.contact .textfield.right{
		float:none;
		width:97%;
	}
	
	#pages.contact select.textfield{
		width:100%;
	}
	
	#pages.about .elementary{
		background-position:-40%;
	}
	
	#pages.about .prek{
		background-position:20%;
	}
	
	.main-menu ul{
		width:150px;
	}
	
	#navwrapper .sub_menu {
	 
		left: -150px;
	}
}