/* Resets */
* {
    margin: 0;padding: 0;border: 0;
    text-decoration: none;outline-style: none;
    /*font-size: 14px; font-size: 1.4rem;*/
    -o-box-sizing: border-box; /* Opera */
    -ms-box-sizing: border-box; /* IE */
    -moz-box-sizing: border-box; /* Mozilla */
    -webkit-box-sizing: border-box; /* Chrome, Safari */
    box-sizing: border-box;     
}
input[type=button], input[type=submit], input[type=reset] {
    -webkit-appearance: none;
    border-radius: 0;
}
/* Fonts */
@font-face {
    font-family: 'ARIAL';
    src: url('../fonts/arial.eot');
    src: url('../fonts/arial.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ArialMT.woff') format('woff'),
         url('../fonts/ArialMT.ttf') format('truetype'),
         url('../fonts/ArialMT.svg#ARIAL') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ARIALBOLD';
	src: url('../fonts/arialbd.eot');
    src: url('../fonts/arialbd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arial-BoldMT.woff') format('woff'),
         url('../fonts/Arial-BoldMT.ttf') format('truetype'),
         url('../fonts/Arial-BoldMT.svg#ARIALBOLD') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'ARIALBLACK';
	src: url('../fonts/ariblk.eot');
    src: url('../fonts/ariblk.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arial-Black.woff') format('woff'),
         url('../fonts/Arial-Black.ttf') format('truetype'),
         url('../fonts/Arial-Black.svg#ARIALBLACK') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'SOCICON';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg#SOCICON') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Headers and Paragraphs */

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-style: normal;
    padding:0;
    margin:0;
    font-size:14px;font-size:1.4rem;
}

h1 {
    font-family:'ARIALBLACK',sans-serif;	
	font-size:35px;font-size:3.5rem;
    text-transform:uppercase;
    position:relative;
    letter-spacing:1.4px; 
}

h2{
    font-family:'ARIALBOLD',sans-serif;	
	font-size:24px;font-size:2.4rem;
    z-index:998;
    position:relative;
    letter-spacing:1.4px; 
    

}
h3{
	padding:0 0 0 0;
    font-family: 'ARIALBLACK',serif;
	font-size:23px;font-size:2.3rem;
	white-space:nowrap;
}
.p1 {
    font-family:'ARIAL',sans-serif;
    font-size:18px; font-size:1.8rem;
    letter-spacing:.1rem; 
    line-height:3.6rem;
	color:#3D3D3D;
	
}
.p2 {
    font-family:'ARIAL',sans-serif;
    font-size:15px; font-size:1.5rem;
    color:#3b403f;
    letter-spacing:.05rem; 

	opacity:1;
}
* a {	
	color:black; /* change link color */
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}
* a:hover {
    color:black; /* change link hover color */
    text-decoration:none;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    transition: color 200ms ease-out;   
}
u{
	border-bottom:solidrgba(183, 32, 41, 0.88) 0px;
	padding:0 0 10px 0;
	 -webkit-transition: border 200ms ease;
		-moz-transition: border 200ms ease;
		transition: border 200ms ease;
}
.u-hover{
	border-bottom:solid rgba(183, 32, 41, 0.88) 4px;
}
.redText{
	color:#B72029;
}
.whiteText{
	color:#ffffff;
}
.blackText{
	color:#000000;
}
.blackText {
  color:black;
}
.greyText{
	color:#777777;
}
.gray-divide{
	display:block;
	position:relative;
	width:100%;
	height:10px;
	background-color:#3b403f;
	margin:30px 0 0 0;
}


/*  nav bar */
.nav {
	font-family:'ARIALBOLD',sans-serif;
	font-size:16px;font-size:1.6rem;
	letter-spacing:.1rem; 
    display: inline-block;
	width:100%;
    padding: 0 0% 0 0%;
    border: solid blue 0px;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}

.nav  li {
    display: inline-block;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
	float:left;
	margin:0;
}

.nav30 {
	width:30%;

}
.nav30shrink {
	width:30%;
}
.nav30 img{
	display:block;
	margin:0 auto;
	padding:10px 11px 5px 11px;
	width:100%;
		-webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    transition: width 500ms ease;
	
}
.nav30shrink img{
	display:block;
	margin:0 auto;
	width:80%;
	border:solid green 0px;
	padding:10px 0 0 0;
	-webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    transition: width 500ms ease;
}
.nav40pad {
	padding: 40px 0 0 0;
}
.nav27pad {
	padding: 27px 0 0 0;
}
	
.nav19 {
	width:20.5%;
}
.nav16 {
	width:14.5%;
}
.nav13 {
	width:13%;
}
.nav22 {
	width:22%;
}

/*Stop scrolling overlay */

.scroll{
/*display:none;*/
	height:0px;
	padding:0 !important;
	overflow:hidden;
		-webkit-transition: height 500ms ease;
    -moz-transition: height 500ms ease;
    transition: height 500ms ease;
}
.scroll2{
	overflow:scroll;
}
.noScroll{
	/*display:block;*/
	padding:3px 10% 43px 0;
	height:45px;
}
.no-scroll{
	height:100vh !important;
	overflow:auto;
}
.no-scroll-2{
	opacity:.05 !important;
}
/* Text colors*/
.white-text{
	color:white;
}

.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}



html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in */
    height:100%;
    min-height:100%; 
    position:relative;
	overflow:auto;
}

body {
    position:relative;
    height:100%;	
   /*  overflow-y:hidden;
    overflow-x:hidden; */
    min-height:100%;
    min-width:280px;
    font-size: 14px; font-size: 1.4rem;
}
#wrapper {
    position: relative;
    width:100%;
    overflow:hidden; 
	margin: 0 auto; 
}

/* Header */


.nav-wrapper {
    position: fixed;
    width:100%;
	top:0px;
    overflow:visible; 
	background-color:rgba(255, 255, 255, 0.95);
	margin:0 auto;
	z-index:1000;
	padding:0px 0 0px 0;
}
.mobile-nav-wrapper {
    position: fixed;
    width:100%;
	top:15px;
    overflow:hidden; 
	background-color:rgba(255, 255, 255, 0.95);
	margin:0 auto;
	z-index:1000;
	padding:20px 0 20px 0;
}

.nav-inside{
	margin:0 auto;
	max-width:1200px;
}
.free-con {
    position: relative;
    width:100%;
    overflow:hidden; 
	font-family:'ARIALBOLD',sans-serif;
	font-size:14px;font-size:1.4rem;
	letter-spacing:.1rem;
	padding:14px 0px 14px 0px;
	background-color:rgba(183, 32, 41, 0.88);
	-webkit-transition: height 200ms ease;
    -moz-transition: height 200ms ease;
    transition: height 200ms ease;
	-webkit-transition: padding 200ms ease;
    -moz-transition: padding 200ms ease;
    transition: padding 200ms ease;
}
.socicon-top{
	font-family:'SOCICON',sans-serif;
	font-size:16px;font-size:1.6rem;
}
.socicon-banner{
	font-family:'SOCICON',sans-serif;
	font-size:40px;font-size:4.0rem;
    height: 50px;
    overflow: hidden;
    line-height: 20px;
}

.socicon-footer{
	font-family:'SOCICON',sans-serif;
	font-size:33px;font-size:3.3rem;
	letter-spacing:1rem;
}
.scroll-side-icon{
display:none;
}
.scroll-side-icon-open{
	display:inline-block;
	position:fixed;
	top:150px;
	right:0px;
	width:60px;
	height:110px;
	background-color:rgba(183, 32, 41, 0.64);
		-webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    transition: width 500ms ease;
	padding-top:10px;
	font-family:'SOCICON',sans-serif;
	font-size:28px;font-size:2.8rem;
	text-align:center;
	overflow:hidden;
	z-index:1010;
}
.scroll-side-icon-closed{
	height:0px;
	width:0px;
	overflow:hidden;
		-webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    transition: width 500ms ease;
}
.max-1200{
	display:block;
	margin:0 auto;
	max-width:1200px;
	border: 0px solid green;
	padding-left: 3%;
	padding-right: 3%;
}

/*Banner */
.banner{
	display: block;
    position: relative;
	top:0px;
    width:100%;
    overflow:hidden; 
	border:solid green 0px;
	z-index:1;
	

}
.bannerBackground{
	background-image: url("../images/banner/banner1.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
    width:100%;
	/*min-width:1200px;*/
	max-height:calc(100% - 70px);
	height:calc(100vh - 70px);
	min-height:759px;

}
.bannerLogo img {
top:0px;
display:block;
margin:0 auto;
width:400px;
}
.bannerButton{
margin:0 auto;
width:170px;
height:50px;
background-color:rgba(183, 32, 41, 0.66);
font-family:'ARIALBOLD',sans-serif;	
font-size:21px;font-size:2.1rem;
letter-spacing:.1rem; 
line-height:50px;
padding: 0 0 0 15px;
}
.bannerButton img{
vertical-align: middle;
}

.banner-text-wrapper{
	position: absolute;
	width:100%;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -15%);
	border:solid red 0px;
		padding-left:5%;
	padding-right:5%;
}
.bannerHeaderText{
	position: relative;
	font-family:'ARIALBLACK',sans-serif;	
	font-size:42px;font-size:4.2rem;
	border:solid red 0px;
	letter-spacing:.2rem;
}
.bannerHeaderText img{
	padding:0 0 50px 0;
}
.bannerHeaderSmallText {
	margin: 0 auto;
	position: relative;
	font-family:'ARIALBOLD',sans-serif;	
	font-size:21px;font-size:2.1rem;
	letter-spacing:.1rem; 
	padding:20px 10% 20px 10%;
	width:100%;
	max-width:850px;
}

.margin-top60{
	margin: 60px 0 0 0;
}
.margin-top50{
	margin: 50px 0 0 0;
}
.worship-time-banner{
min-height:70px;
width:100%;
font-family:'ARIALBOLD',sans-serif;	
font-size:25px;font-size:2.5rem;
color:white;
background:#231F20;
line-height:70px;
text-align:center;
}
/*ABOUT CHURCH */
.believe-wrapper2{
	background-image: url("../images/assets/believeBackground.png");
	background-repeat: repeat;
}
.believe-wrapper1{
	display:block;
	overflow:hidden;
}
.believe-top{
	display:block;
	margin:0 auto;
	max-width:1200px;
	padding-top:60px;
	padding-bottom:60px;
	border: solid green 0px;
	overflow:hidden;
}
.believe-middle{
	padding-top:80px;
	padding-bottom:80px;
	overflow:hidden;
	background-image: url("../images/assets/churchBackground.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.believe-count{
	background-image: url("../images/assets/believeBackground.png");
	background-repeat: repeat;
	width:100%;
	display:block;
	margin:0 auto;
	padding:0px 0px;
	overflow:hidden;
}
.believe-count-inside{
	display:block;
	margin:0 auto;
	padding:0px 0px;
	overflow:hidden;
	max-width:1200px;
}
.count{
	display:inline-block;
	min-height:300px;
	padding:30px 50px 30px 50px;
	border: solid green 0px;
	overflow:hidden;
	
}
.max600{
display:block;
margin:0 auto;
max-width:500px;
}
.count:nth-of-type(3n-2){
	background-color:rgba(183, 32, 41, 0.15);
	z-index:-50;
}
.count:nth-of-type(3n-1){
	background-color:rgba(96, 83, 87, 0.08);
	z-index:-50;
}
.count img{
	width:150px;
	position:relative;
	display:block;
	margin:0 auto;
	float:none;
	border: solid blue 0px;
	z-index:1;
}
.count p{
	position:relative;
	margin-top:-50px;
	line-height:2.5rem;
	font-size:16px; font-size:1.6rem;
	z-index:5;
	text-align:center;
}
.half{
	display:inline-block;
	width:50%;
	float:left;
	overflow:hidden;
}
.third{
	display:inline-block;
	width:33.3333333333%;
	float:left;
	border:solid blue 0px;
}
.third:nth-of-type(2),.third:nth-of-type(3){
	padding-left:100px;
}
.full{
	display:inline-block;
	width:100%;
	float:left;
	text-align:center;
}
.red-breaker-banner{
display:block;
height:50px;
width:100%;
background:#78171D;
overflow:hidden;
}
.grey-breaker-banner{
display:block;
height:10px;
width:100%;
background:black;
overflow:hidden;
}
.word-music-wrapper-wrapper{
	width:100%;
	background-image: url("../images/assets/musicBackground.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
}
.word-music-wrapper{
	display:block;
	margin:0 auto;
	max-width:1200px;
	padding-top:70px;
	padding-bottom:70px;
	text-align:center;
	overflow:hidden;
	

}
.word-music-wrapper .p1{
padding:0 20px;
}


/* Gallery  */
.gallery-wrapper{ 
	position:relative;
	display:block;
	width:100%;
	background-color:rgba(183, 32, 41, 0.76);
	

}
.gallery-images-wrapper{
	position:relative;
	display:block;
	max-width:800px;
	width:100%;
	margin: 0 auto;
	border:solid pink 0px;
	overflow:hidden;
	padding: 100px 0 150px 0;
}
.gallery-images-wrapper img{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:none;
	border:solid blue 0px;
	overflow:hidden;
	 -webkit-transition: opacity 500ms ease;
		-moz-transition: opacity 500ms ease;
		transition: opacity 500ms ease;
}
.gallery-images-wrapper img:hover{
	opacity:.1;
}

.gallery-images-left img{
	width:100%;
	display:inline-block;
	float:left;
	border:solid pink 0px;
	overflow:hidden;
}
.gallery-images-right img{
	width:100%;
	display:inline-block;
	float:left;
	border:solid pink 0px;
	overflow:hidden;
}
.gallery-images-left{
	width:50%;
	display:inline-block;
	float:left;
	border:solid pink 0px;
	overflow:hidden;
	background:#231F20;

}
.gallery-images-right{
	width:50%;
	float:left;
	display:inline-block;
	border:solid pink 0px;
	overflow:hidden;
	background:#231F20;


}
.gallery-hover{
	width:100%;
	background-image: url("../images/assets/zoom.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:50px 50px;
	border:solid green 0px;
	overflow:hidden;


}

/*Contact */
.contact-footer{
	color:white;
	height:auto;
	background-color:#231F20;
	font-family:'ARIAL',sans-serif;
	font-size:15px;font-size:1.5rem;
	 letter-spacing:3.4px; 
	 line-height:2.5rem;
	 border: solid green 0px;
	 padding-top:40px;
	 padding-bottom:40px;
	 overflow:hidden;
}
.contact-footer a{
	color:white;
}
.bannerButton a{
	color:white;
}
.contact-footer-inside{
	max-width:1200px;
}
.contact-footer-title{
	font-size:21px;font-size:2.1rem;
}
.contact-footer-inside{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	border: solid blue 0px;
	overflow:hidden;
}
.contact-footer-inside p{
	float:left;
	border:solid pink 0px;
	width:calc(100% - 250px);
}
.contact-footer-button{
	margin:12.5px 0 0 20px;
    position: relative;
	display:inline-block;
    width:200px;
	height:50px;
	line-height:50px;
    color:white;
    text-transform:uppercase;
    letter-spacing:.2rem;
    font-size:18px;font-size:1.8rem;
    z-index:4;
    background:#0da5a2;
	font-family: 'DINMED',sans-serif;
	float: left;
}
.contact-footer-button:hover{
	 background:#167aa2;
	  -webkit-transition: background 200ms ease;
		-moz-transition: background 200ms ease;
		transition: background 200ms ease;
		cursor:pointer;
}

	/*footer */
footer{
	min-height:70px;
	background-color:#B72029;
}
footer .p2{
	color:white;
	line-height:70px;
}

/* Associations */
.associations-wrapper{
	background-image: url("../images/assets/associationsBackground.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
    width:100%;
	/*min-width:1200px;*/
	min-height:100vh;
}
.sermon-wrapper{
	background-image: url("../images/assets/sermonBackground.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
    width:100%;
	/*min-width:1200px;*/
	min-height:100vh;
}
.contact-wrapper{
	background-image: url("../images/assets/contactBackground.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
    width:100%;
	/*min-width:1200px;*/
	min-height:100vh;
	overflow:hidden;
}
.half-association img{
width:100%;
}
.half-contact img{
width:100%;
}
.pageHeader{
display:block;
position:relative;
padding:5% 5% 3% 5%;
}
.half-association{
display:inline-block;
position:relative;
width:50%;
border: solid green 0px;
padding:2% 10%;
overflow:hidden;
float:left;
}
.half-contact{
display:inline-block;
position:relative;
width:50%;
border: solid green 0px;
padding:2% 7%;
overflow:hidden;
float:left;
}
.half-contact:nth-of-type(3) img{
width:40px;

}
.full-contact{
display:inline-block;
position:relative;
width:100%;
border: solid green 0px;
padding:2% 7%;
overflow:hidden;
float:left;
}
.forth-sermon-wrapper{
overflow:hidden;
}
.forth-sermon{
display:inline-block;
position:relative;
width:25%;
border: solid green 0px;
padding:1% 1%;
overflow:hidden;
float:left;
text-align:center;
}
.forth-sermon-inside{
display:inline-block;
position:relative;
width:100%;
border: solid green 0px;
padding:2% 2%;
overflow:hidden;
float:left;
text-align:center;
background:white;
}
.sermon-prep{
display:block;
margin:0 auto;
width:80%;
background:white;
padding:1%;
}
.pageHeader h1{
display:block;
padding:100px 0 0 0;
}
.pageHeader2 h1{
display:block;
padding:20px 5% 20px 5%;
}
.calendar{
display:block;
position:relative;
margin:0 auto;
}
.calendar iframe{
display:block;
position:relative;
margin:0 auto;
padding-top:150px;
padding-bottom:5%;
width:100%;
max-width:1200px;
min-height:100vh;
}

@media screen and (max-width: 1600px) {
	.meet-design{
		top:-50px;
		left:-1px;
		border:solid green 0px;
		width:400px;
	}
}
@media screen and (max-width: 1300px) {
	.meet-design{
		top:0px;
		left:-1px;
		border:solid green 0px;
		width:300px;
	}
}


@media only screen and (max-width: 1100px) {
	.nav {
		font-size:15px;font-size:1.5rem;
	}
		.meet-design{
		top:0px;
		left:-1px;
		border:solid green 0px;
		width:25%;
	}
}
@media only screen and (max-width: 1040px) {
.half{
	display:inline-block;
	width:100%;
	float:left;
	overflow:hidden;
}
}
@media screen and (max-width: 1004px) {
.calendar iframe{

padding-top:72px;

}

	.nav30 img, .nav30shrink img {
    display: block;
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
    width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.bannerBackground{
	background-image: url("../images/banner/banner1.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
    width:100%;
	/*min-width:1200px;*/
	max-height:calc(100% - 70px);
	height:calc(100vh - 70px);
	min-height:400px;
}
.nav-inside{
background:white;

}
	.count {
    display: inline-block;
    height: auto;
    padding: 30px 50px 30px 50px;  
    overflow: hidden;
}
	.collage-full{
			background-size: cover;
			background-attachment: scroll; 
			min-height:300px;
	}
	.nav22,.nav13,.nav19,.nav16{
		display:none!important;
	}
	.free-con{
		opacity:0 !important;
		height:0px !important;
		padding: 0 0 0 0 !important;
	}
	.nav {
    padding: 5px 10% 5px 10%;
	}
	.nav-wrapper{
		padding: 0px 0 0px 0;
	}

	.nav30, .nav30shrink{
		width:200px;
		margin:0 auto!important;
		display:block!important;
		float:none!important;
	}
	
}
@media screen and (max-width: 970px) {
h3 {font-size:20px; font-size:2.0rem;}
}
@media screen and (max-width: 950px) {


	/*.meet-design{
		top:-75px;
		left:-1px;
		position: absolute;
		border:solid green 1px;
		width:20%;
		min-height: 1000px;
	}*/
	.service-left{
		display:inline-block;
		position: absolute;
		left:-25%;
		width:100%;
		height:calc(25vh - 54px);
		height:calc(25% - 54px);
		top:75%;
	}
	.service-right{
		display:inline-block;
		position: absolute;
		top:52px;
		right:-25%;
		width:100%;
		height:calc(75vh - 52px);
		max-height:calc(75% - 52px);
		z-index:5000;
		background:white;
		padding: 40px 10% 40px 15%;
			overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
	}
	.service-background-home,.service-background-office,.service-background-space,.service-background-down,.service-background-contact{
		background-position: center center;
		background-size: cover;
	}
	.service-background-contact{
		background-position: top right;
		background-size: cover;
	}
	/*.service-left.service-background-contact{
	display:none;
	}*/
}

@media screen and (max-width: 900px) {
	.services-icon-wrapper{
		width:50%;
		margin:0 0 20px 0;
	}

	.contact-footer p{
		width:calc(90% - 250px);
		padding:10px 50px 20px 50px;
		line-height:30px;
	}
	.third{
	display:inline-block;
	width:100%;
	float:left;
	border:solid blue 0px;
	text-align: center;
}
.third:nth-of-type(2),.third:nth-of-type(3){
	padding-left:0px;
}
}
/* MAX HEIGHT */
@media screen and (max-height: 850px) and (max-width: 1000px) {
	.service-left{
		display:none;
	}
	.service-right{
		top:52px;
		right:-25%;
		width:100%;
		height:calc(100vh - 106px);
		max-height:calc(100% - 106px);
		padding: 40px 10% 40px 15%;
	}	

}
@media screen and (max-width: 800px) {
h3{font-size:18px; font-size:1.8rem;}
}

@media screen and (max-width: 750px) {
.half-association {
 
    width: 100%;

}
.forth-sermon{
display:inline-block;
position:relative;
width:50%;
border: solid green 0px;
padding:3% 1%;
overflow:hidden;
float:left;
text-align:center;
}

	.meet-design{
	display:none;
	}
	.service-left{
		display:none;
	}
	.service-right{
		top:52px;
		right:-25%;
		width:100%;
		height:calc(100vh - 87px);
		max-height:calc(100% - 87px);
		padding: 40px 10% 40px 15%;
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
	}	

	.service-slogan{
		height:35px;
		font-size: 15px;
		font-size: 1.5rem;
		letter-spacing: 1.8px;
		line-height:35px;
	}
	.bannerHeaderText{	
		font-size:36px;font-size:3.6rem;

	}
	.bannerHeaderSmallText {
		font-size:16px;font-size:1.6rem;
	}
	h1 {
		font-size:32px;font-size:3.2rem; 
	}
	.p1 {
		font-size:16px; font-size:1.6rem;
		line-height:2.6rem;
		padding: 0 0 0px 0;
	}
	h3{
		font-size:17px; font-size:1.7rem;
	}

	.services-text{
		font-size:15px; font-size:1.5rem;
	}
	.title-line{
		width:14%; 
	}
	.meet-text{ 
		width:100%;
		padding:0 10% 0 10%;
	}
	.meet-image{ 
		width:100%;
		padding:0 8% 0 8%;
	}
	.meet-image img{ 
		display:block;
		margin:0 auto;
		width:70%;
		max-width:300px;
	}
	.banner{
		position: relative;
		top:0px;
		width:100%;
		overflow:hidden; 

	}
	.bannerHeaderText img{
		width:0px;
		height:0px;
		text-align:center;
		padding:0 0 20px 0;

	  

	}
	
	.contact-footer {
		padding:20px 0 20px 0;
	}
	.contact-footer p{
		width:100%;

	}
	.contact-footer-button{
		margin:0 0 0 calc(50% - 100px);
		position: relative;
		display:block;
		width:200px;
		height:50px;
		line-height:50px;
		color:white;
		font-size:18px;font-size:1.8rem;
	}
}


@media screen and (max-width: 650px) {
.half-contact{
display:inline-block;
position:relative;
width:100%;
border: solid green 0px;
padding:2% 17%;
overflow:hidden;
float:left;
}

	.count {
    display: inline-block;
    height: auto;
    padding: 30px 50px 30px 50px;
    border: solid green 0px;
    overflow: hidden;
}
	.title-line{
		width:15%; 
		max-width:250px; 
	}
	h2{
		font-size:28px;font-size:2.8rem;
	}
	
}
@media screen and (max-width: 600px) {
	.title-line{
		width:6%;
	}
	.worship-time-banner {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 70px;
   
}
}

@media screen and (max-width: 480px) {

	.bannerHeaderText{	
		font-size:30px;font-size:3.0rem;
	}
	.title-line{
		display:none;
	}
	footer .p2 {
		margin:0 auto;
		line-height: 20px;
		width:80%;
		padding:20px 0 20px 0;
	}
	.contact-footer {
		height:auto;
	}
}
@media screen and (max-width: 450px) {
	.hide450{
		display:none;
	}
	.service-home-text h3, .service-office-text h3, .service-space-text h3, .service-down-text h3{
		line-height:25px;
		width:270px;
	}
	.service-home-text img, .service-office-text img, .service-space-text img, .service-down-text img {
		width: 50px;
		display: inline-block;
		float: left;
		margin: 0 20px 0 0;
	}
}
@media screen and (max-width: 415px) {
	.title-square{
		display:none;
	}
	h1 {
		margin:0 auto;
		font-size:25px;font-size:2.5rem; 
		
		border:solid green 0px;
	}
	.gallery-images-wrapper{
		padding: 10px 0 10px 0;
	}
		.worship-time-banner {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 45px;
   
}
	h3{
		font-size:15px; font-size:1.5rem;
	}
}