.site-header:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: .2;
	content: '';
}
#tag {
	position: absolute;
	top: 50%;
	left: 50%;
	padding-bottom: 100px;
	transform: translate(-50%, -50%);
	color: white;
	z-index: 40;
	margin: 0 auto;
	width: 100%;
}
#tag h1 {
	font-weight: 100;
	font-size: 57px;
	border-bottom: 2px solid #C85327;
	padding: 0;
	margin: 0 auto;
	display: inline-block
}
#tag .container {
	text-align: center;	
}
#tag p {
	margin: 0;
}
#tag h1 strong, .eventrotator h2 strong, #next-steps h1 strong  {
	font-weight: 600;
}


#service-times {
	width: 100%;
	height: 112px;
	background: #054263;
	z-index: 40;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .7s;
}
#service-info.top #service-times, #service-info.top #counter {
	height: 100px;
}
#service-info.top #counter {
    width: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#service-info.top #counter #churchonline_counter {
	top: -6px;;
}
#service-info.top #counter h3 {
    margin-right: 10px;
    margin: 0!Important;
}
#service-times h1 {
	color: white;
	font-weight: 100;
	font-size: 35px;
	margin: 0;
	padding: 0;
}
#counter {
	width: 230px;
	background-color: #C85327;
	height: 112px;
	z-index: 40;
	position: absolute;
	top: 0;
	right: 0;
	transition: all .7s;
}

#counter .notActive {
	display: none;
}

#churchonline_counter .live.active {
	display: block;
}

#service-info {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	max-height: 112px;
	z-index: 29;
}
.eventrotatorAnchor {
	color: white;
	padding: 10px 20px;
	background: #C85327;
	top: 40px;
	position: relative;
	text-align: right;
}
#children {
	min-height: 650px;

	width: 100%;
	display: flex;
}
#children .left {
	width: 70%;
	height: 100%;
	background: lightblue;
	min-height: 650px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#children .right {
	width: 30%;
	height: 100%;

	min-height: 650px;
}
.child-content {
	background: white;
	width: 530px;
	min-height: 320px;
	height:auto;
	position: relative;
	margin-top: 60px;
	padding-bottom: 40px;
	/*
	display: flex;
	justify-content: center;
	align-items: center;
*/
}
.child-content p {
	padding: 100px 60px 10px 60px;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #2d7fa7;
	max-width: 90%;
	margin: 0 auto;
}
.child-content:after {
	position: absolute;
	background: url('/images/layouts/kids-logo.svg');
	top:-90px;
	left: 50%;
	content: '';
	width: 60%;
	height: 100%;
	background-repeat: no-repeat;	
	transform: translate(-50%, 0);
}
#students {
	min-height: 650px;

	width: 100%;
	display: flex;
}
#students .left {
	width: 30%;
	height: 100%;
	min-height: 650px;
}
#students .right {
	width: 70%;
	height: 100%;
	min-height: 650px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.student-content {
	width: 600px;
	min-height: 320px;
	height:auto;
	position: relative;
	margin-top: 200px;
	padding-bottom: 40px;
	/*
	display: flex;
	justify-content: center;
	align-items: center;
*/
}
.student-content p {
	padding: 100px 60px 10px 60px;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #fff;
	max-width: 90%;
	margin: 0 auto;
}
.student-content:after {
	position: absolute;
	background: url('/images/layouts/student-logo-white.svg');
	top:-40px;
	left: 50%;
	content: '';
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;	
	transform: translate(-50%, 0);
}
#next-steps {
	position: relative;
	min-height: 550px;
	width: 100%;
	background-attachment: fixed;
}
#next-steps:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #034262;
	opacity: .79;
	top: 0;
	left: 0:
	
}
#next-steps h1 {
	z-index:40000;
	font-weight: 100;
	font-size: 50px;
	border-bottom: 2px solid #C85327;

	text-transform: uppercase;
	margin: 0 auto;
	color: white;
	display: inline-block;
	 
}
#next-steps p {
	margin: 0;
}
#next-steps h4 {
	color: white;
	line-height: 1.7;
	font-size: 16px;
	margin: 0;
	font-weight: 300;
	margin: 0 auto;
	padding-top: 40px;
	text-align: center;	
}
#next-steps .container {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
#slideNext, #slidePrev {
	color: white;
	font-size: 70px;
	font-weight: 100;
}

/* Count Down */
  #churchonline_counter {     
	  overflow: auto;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    position: relative;
    top: -53px;  }

  #churchonline_counter .description, #churchonline_counter .time li .label { font-size: 10px; text-transform: uppercase; }

  #churchonline_counter .time { list-style: none; padding: 0;margin: 0; }

  #churchonline_counter .time li { float: left; margin: 0 10px; text-align: center; line-height: .7; }

  #churchonline_counter .time li:first-child { padding-left: 0; }

  #churchonline_counter .time li span { font-size: 1.2em; }

  #churchonline_counter .live { display: none; font-weight: bold; }

@media (max-width: 690px) {
	.student-content:after {
		position: absolute;
		background: url('/images/layouts/lakeshore_students_logo.svg');
		top:-198px;
		left: 50%;
		content: '';
		width: 50%;
		height: 100%;
		background-repeat: no-repeat;	
		transform: translate(-50%, 0);
		}
		
	.student-content {
		width: 600px;
		min-height: 320px;
		height:auto;
		position: relative;
		margin-top: 130px;
		padding-bottom: 40px;
		/*
		display: flex;
		justify-content: center;
		align-items: center;
	*/
	}
} 

@media (max-width: 414px) {
	.student-content:after {
		position: absolute;
		background: url('/images/layouts/lakeshore_students_logo.svg');
		top:-170px;
		left: 50%;
		content: '';
		width: 50%;
		height: 100%;
		background-repeat: no-repeat;	
		transform: translate(-50%, 0);
		}
		
	.student-content {
		width: 600px;
		min-height: 320px;
		height:auto;
		position: relative;
		margin-top: 130px;
		padding-bottom: 40px;
	}
} 

@media (max-width: 375px) {
	.student-content:after {
		position: absolute;
		background: url('/images/layouts/lakeshore_students_logo.svg');
		top:-130px;
		left: 50%;
		content: '';
		width: 50%;
		height: 100%;
		background-repeat: no-repeat;	
		transform: translate(-50%, 0);
		}
		
	.student-content {
		width: 600px;
		min-height: 320px;
		height:auto;
		position: relative;
		margin-top: 90px;
		padding-bottom: 40px;
	}
} 

@media (max-width: 320px) {
	.student-content:after {
		position: absolute;
		background: url('/images/layouts/lakeshore_students_logo.svg');
		top:-100px;
		left: 50%;
		content: '';
		width: 50%;
		height: 100%;
		background-repeat: no-repeat;	
		transform: translate(-50%, 0);
		}
		
	.student-content {
		width: 600px;
		min-height: 320px;
		height:auto;
		position: relative;
		margin-top: 90px;
		padding-bottom: 40px;
	}
} 
  
   @media (max-width: 768px) {
	   #service-info {
		   position: absolute!important;
		   top: inherit;
	   }
	   } 
  @media (max-width: 1130px) {
/*
	  #service-info.top #service-times {
		  justify-content: flex-start;
	  }
*/
	   #service-info.top #service-times p {
		   padding-left: 10%;
	   }
  }
  
  @media (max-width: 1024px) {
	  
	  #service-times {
	  padding-right: 230px
}
#slideNext, #slidePrev {
	display: none;
}
#service-times h1 {
	font-size: 22px;
	width: 83%;
			
}
#children {
    flex-direction: column;
}
#children .left, #students .right {
	width: 100%;
}
#children .right, #students .left {
	display: none;
}
	  }
@media (max-width: 640px) {	 
	#service-times {
		height: 60px;
		align-items: flex-start;
		height: 100px;
		bottom: 136px;
	}
	#counter {
		height: 100px
	}
	
	#next-steps h1 {
		font-size: 36px;
	}
	#tag h1 {
	font-size: 34px;

}	
/*
.top {
    top: 130px!important;

}
*/
#churchonline_counter {
	top:0;
	align-items: flex-start;
}
#counter h3 {margin-bottom: 0!important;}

	#counter {
		width: 100%;
		bottom: -60px;
		left: 0;
		top: initial;
	}	
	#service-times {
		bottom: 60px;
		padding: 0;
	}  
.child-content {
	background: rgba(255, 255, 255, 0.86);
}
.child-content p, .student-content p {
	    padding: 80px 40px 10px 40px;
}
#next-steps .container {
	top: 45%;
}
} 
  
span.days, span.hours, span.minutes, span.seconds {
	font-size: 25px!important;
}  

@media (max-width: 340px){
	#tag h1 {
	    font-size: 28px!important;
	}
}
@media (max-width: 768px) { 
	#service-info.top #counter {
    	width: 230px;
    }
    #service-times {
		height: 170px;
	}
    #service-info.top #service-times {
	    height: 170px;
    }
    
    #service-info.top #counter {
		height: 170px;
		display: block;
	}
	#service-info {
		max-height: none;
	}
	#tag {
		top: 40%;
	}
	#counter {
		height: 170px;
	}
	#service-info.top #service-times {
		justify-content: center;
	}
}
@media (max-width: 640px) { 
	#service-info.top #counter {
    	width: 100%;
    }
    #counter {
		height: 100px;
	}
    
    #service-info.top #counter {
		height: 100px;
	}
}