/***** RESETS *****/
.clearFix{
	clear: both;
}
html, body, p, div, div {
	margin: 0;
	border: 0;
	padding: 0px;
	outline: 0;
	background: transparent;
	vertical-align: baseline;
}

.custom {
	height: inherit;
}

a > img {
	border: 0;
}

a {
	text-decoration: none;
	outline: none;
}



/****************************************
************ GLOBAL TEMPLATE ***********
***************************************/

/***** FONTS ******/


@font-face {
    font-family: Raleway;
    src: url(/templates/w4cv20/font/raleway.medium.ttf);
}
@font-face {
    font-family: RalewayBold;
    src: url(/templates/w4cv20/font/raleway.extrabold.ttf);
}
@font-face {
    font-family: Parisienne;
    src: url(/templates/w4cv20/font/Parisienne-Regular.ttf);
}

/***** DEFAULTS *****/

html {
	font-family: Raleway;
    /*font-size: 60pt;*/
    /* line-height: 1em; */
    font-weight: 100;
    margin: 0;
/*    line-height: 85px;*/
}

h1 {
	font-family: Raleway;
    font-size: 60pt;
    line-height: 1em; 
    font-weight: 100;
    margin: 0;
}

h2 {
	font-family: Raleway;
	font-size: 26pt;
	font-weight: 300;
    line-height: 30px;
}

h3 {
	font-family: Raleway;
	font-size: 26pt;
	font-weight: 300;
}

h4{
    font-family: RalewayBold;
    font-size: 35pt;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
}
h7{
	font-family: Parisienne;
    font-size: 35pt;
    line-height: 1;
    font-weight: bold;
    margin: 0;
}
p {
    font-family: Raleway;
    font-size: 14pt;
    margin: 15px 0;
    line-height: 1.25;
	color: #1a7ab7;
    padding-left: 70px;
    padding-right: 70px;
}

.johnText{
	    font-family: Raleway;
    font-size: 14pt;
    margin: 15px 0;
    line-height: 1.25;
	color: #7f1710;
	padding-left: 10px;
	padding-right: 10px;
}
h4{
	font-family: Raleway;
    font-size: 16pt;
    margin: 15px 15px;
    line-height: 1.5;
	color: #1a7ab7;
	padding-left: 10px;
	padding-right: 10px;
}
h5{
	font-family: Raleway;
    font-size: 16pt;
    margin: 15px 15px;
    line-height: 1.5;
	color: #7f1710;
	padding-left: 10px;
	padding-right: 10px;
}
img {
	max-width: 100%;
}

ul {

    list-style-image:none;
}

a{
	color:#000000;
}



/*** Contact Us ***/

.contactLeft {
    width: 48%;
    float: left;
    margin-right: 2%;
	margin-bottom: 2%;
	/*overflow: hidden;*/
}

.contactRight {
    float: right;
    width: 48%;
    padding-left: calc(2% - 1px);
	border-left: 1px solid #ccc;
	margin-bottom: 2%;
	margin-top: 15px;
}

.contactMap {
	max-width: 99%;
	/*border-radius: 15px;*/
	overflow: hidden;
	float: none;
	margin: auto;
}

.contactMap iframe {
    /*border-radius: 15px;*/
}

.contactBox {
	overflow: auto;
}


/**** Contact Form ****/

/*.contactForm {
	margin-top: -15px;
}*/

.contactText {
    color: #fff;
    font-family: Ralway, Roboto, Calibri, Verdana;
}

#ff_form1 .ff_elem {
    /*border-radius: 5px;*/
    font-family: Raleway, Oswald; /*Calibri, OpenSans, OxygenLight, Roboto, Verdana;*/
    font-size: 12px;
    padding: 7px 7px 7px 12px;
    background-color: #fff;
    color: #475059;
	border: none;
    /*border: 1px solid #ddd;*/
	width: calc(90% - 20px) !important;
	min-width: calc(100% - 20px) !important;
	max-width: calc(100% - 20px) !important;
    float: right;
    border: 2px solid #1a7ab7;
}

#ff_form1 label {
    color: #000;
    font-family: Raleway, Roboto, Calibri, Verdana;
    font-size: 14px;
    text-transform: uppercase;
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
    margin: 0px;
    text-align: right;
	float: left !important;
	display: inline !important;
}

#ff_form1 #bfSubmitButton {
    background-color: #ffffff;
    border: 0px none;
    padding-bottom: 0px;
    color: #000000;
    font-family: Raleway, Oswald;
    font-size: 15px;
    /*border-radius: 5px;*/
    margin-top: 2px;
    width: 100px;
    margin-left: 8px;
    height: 35px;
	float: right;
}

#ff_form1 section {

	margin-bottom: 0px;
}

#bfElemWrap50 {
    padding-left: 7px;
}

.bfQuickMode .bfNoSection {
    margin: 10px 0 0px 0px !important;
}

ul.maximenuck{
	padding:0px !important;
}


/*****************************************
******* SITE-SPECIFIC RE-USEABLE ********
/***************************************/


.mainContainer {
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
	/*min-height: 500px;*/
	/*min-height: calc(100vh - 453px);*/
}

/*.mainContent {
	margin: 0 20px;
	max-width: calc(100% - 40px);
	min-height: 500px;
}*/

.mainContent {
    max-width: 1200px;
    overflow: auto;
    min-height: calc(100vh - 420px);
}


/***** FOOTER *****/
.footerContainer{
	width:1200px;
	margin:auto;
	background-color:#1a7ab7;
}
.footerContainer p{
	
	color: #ffffff;
}
.footer1, .footer2, .footer3{
	width: 33.3%;
	float:left;
	padding-left: 10%;
    padding-top: 2%;

}


.footer2{
	text-align:center;
}
.footer3{
	text-align:right;
	
}
.footerCopyright{
	width:100%;
	text-align:center;
}
.footer1 a{
	padding:0 30px;
}
.footer1 ul.maximenuck{
	padding:15px 0 !important;
}

p .footer3 {
	padding:0px !important;
}
@media all and (max-width: 1200px){
	.footerContainer{
		width:100%;
	}
	
	.footer1, .footer2, .footer3{
		width:33.3%;
		
	}
}

@media all and (max-width: 600px){
	.footer1, .footer2, .footer3{
		width:100%;
		text-align:left;
		
	}
}




.maximenuckh{
	padding: 20px 20px 20px 20px;
}
/*** Global Classes ***/

.tileContainer {
	overflow: auto;
	clear: both;
	max-width: 100%;
}

.tileBox {
	float: left;
	overflow: auto;
}

.tileModule {
	float: none;
	margin: auto;
	overflow: hidden;
	max-width: 100%;
}

.tileModule img {
	max-width: 100%;
}




/*** Contact Us ***/

#ff_form1 label {
	font-size: 11px;
	/*width: 60px !important;*/
	max-width: 60px !important;
	min-width: 60px !important;
}

/*#ff_form1 .ff_elem {
	width: calc(100% - 85px) !important;
	max-width: calc(100% - 85px) !important;
	min-width: calc(100% - 85px) !important;
}

#ff_form1 #bfSubmitButton {
	margin-left: 77px;
}*/



/** Decimal Lists **/

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}



li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}
li {
	list-style-image:none !important;
}





/******************************************
************* SITE-SPECIFIC **************
*********** WIPE ON NEW BUILD ***********
****************************************/



.custom p{
	font-family: ralewayBold;
}

.footer1 {
    font-family: ralewayBold;
}

.overlayContainer{
	position:relative;
	width:auto;
	height:auto;
    max-height: 641px;
	line-height: 0;
	font-size: 0;
}

.overlayHomeHeader{
    position: absolute;
    bottom: calc(50% - 105px);
/*    right: calc(0% - 46px);*/
/*    width: 80%;*/
    text-align: left;
	margin-left: 10px;
}

.overlayHomeHeader p{    
	margin: 25px 0 0 0;
    width: 50%;
}
    
.overlay{
	position: absolute;
    top: 10%;
  left:0;
  text-align:center;
  width:100%;
  
}
#overlayImg:hover{
	opacity:0.5;
}

.headerPara{
	display: none;
    background-color: #e7e6e6;
}

.headerPara p{
	margin: 0;
}

@media all and (max-width:800px){
	.overlayHomeHeader p{
		display: none;
	}
	.headerPara{
		display: block;
   		padding: 0px 25px;
	}
	.overlayHomeHeader{
		bottom: 0;
		top: 10%;
		right: 10%;
	}
	h1{
		font-size: 32pt;
	}
	h4{
		font-size: 20pt;
	}
}

/********** Container 1 Type one CSS for 1 divs for page: **********/

.container_1homepage
{
width:1200px;
}
.container_1_box_0homepage
{
width:100%;
} 
.container_1_module_0homepage
{
max-width:100%;
} 
.container_1_tile_0homepage
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type four CSS for 4 divs for page: **********/

.container_2homepage{
    background-color: #e7e6e6;
    padding: 5px;
}
.container_2_box_0homepage, .container_2_box_1homepage, .container_2_box_2homepage, .container_2_box_3homepage ,.container_2_box_4homepage
{
width:20%;
} 
.container_2_module_0homepage, .container_2_module_1homepage, .container_2_module_2homepage, .container_2_module_3homepage, .container_2_module_4homepage
{
padding:10px;
max-width: calc(100% - 20px);
} 

.container_2_module_0homepage .overlayContainer{
	max-height: 436px;
}

.container_2_module_1homepage h2{
	color:#ffffff;
}

.container_2_module_3homepage h2{
	color:#ffffff;
} 

.container_2_tile_0homepage, .container_2_tile_1homepage, .container_2_tile_2homepage, .container_2_tile_3homepage, .container_2_tile_4homepage
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 900px){
	/* .container_2_box_0homepage, .container_2_box_1homepage, .container_2_box_2homepage{
		width: 33.3%;
	}
	.container_2_box_3homepage{
		width: 33.3%;
		margin-left:16.5%;
		margin-right: 0;
	}

	.container_2_box_4homepage{
		width: 33.3%;
		margin-right:16.5%;
		margin-right: 0;
	} */
	
	.container_2homepage{
		display: none;
	}
}

.container_2_module_0homepage, .container_2_module_1homepage, .container_2_module_2homepage, .container_2_module_3homepage, .container_2_module_4homepage{
	padding: 10px;	
	max-width: calc(100% - 20px);
}

@media all and (max-width: 600px) 
{
.container_2homepage
{
width: 600px;margin:auto;
}
.container_2_box_0homepage, .container_2_box_1homepage, .container_2_box_2homepage, .container_2_box_3homepage, .container_2_box_4homepage{
	width:100%;
	margin:auto;
}
}

/********** Container 3 Type four CSS for 4 divs for page: **********/

.container_3homepage{
    background-color: #e7e6e6;
    padding: 5px;
	display: none;
}
.container_3_box_0homepage, .container_3_box_1homepage, .container_3_box_2homepage, .container_3_box_3homepage ,.container_3_box_4homepage{
	width:20%;
} 
.container_3_module_0homepage, .container_3_module_1homepage, .container_3_module_2homepage, .container_3_module_3homepage, .container_3_module_4homepage{
	padding:10px;
	max-width: calc(100% - 20px);
} 

.container_3_module_0homepage .overlayContainer{
	max-height: 436px;
}

.container_3_module_1homepage h2{
	color:#ffffff;
}

.container_3_module_3homepage h2{
	color:#ffffff;
} 

.container_3_tile_0homepage, .container_3_tile_1homepage, .container_3_tile_2homepage, .container_3_tile_3homepage, .container_3_tile_4homepage{
	/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 900px){
	/* .container_3_box_0homepage, .container_3_box_1homepage, .container_3_box_2homepage{
		width: 33.3%;
	}
	.container_3_box_3homepage{
		width: 33.3%;
		margin-left:16.5%;
		margin-right: 0;
	}

	.container_3_box_4homepage{
		width: 33.3%;
		margin-right:16.5%;
		margin-right: 0;
	} */
	
	.container_3homepage{
		display: block;
	}
	.container_3homepage{
		margin:auto;
	}
	.container_3_box_0homepage, .container_3_box_1homepage, .container_3_box_2homepage, .container_3_box_3homepage, .container_3_box_4homepage{
		width:100%;
		margin:auto;
	}
}

.container_3_module_0homepage, .container_3_module_1homepage, .container_3_module_2homepage, .container_3_module_3homepage, .container_3_module_4homepage{
	padding: 10px;	
	max-width: calc(100% - 20px);
}



/**********************************************************************************************/
/***************************************about*********************************************/
/**********************************************************************************************/

/********** Container 1 Type one CSS for 1 divs for page: about **********/

.container_1information
{
width:1200px;
}
.container_1_box_0information
{
width:100%;
} 
.container_1_module_0information{
	max-width:100%;
    max-height: 300px;	
    line-height: 0px;
} 
.container_1_tile_0information
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type one CSS for 1 divs for page: about **********/

.container_2information{
	width:1200px;
	background-color:#e7e6e6;
}
.container_2_box_0information, .container_2_box_3information{
	width: 66%;
    margin: 0 17%;
} 
.container_2_box_1information{
    width: 66%;
    margin: 0 17%;
} 

.container_2_module_0information, .container_2_module_3information{
	padding:10px;max-width: calc(100% - 20px);
} 

.container_2_module_1information, .container_2_module_11information{
	width:50%;
    float: left;
} 
.container_2_tile_0information{
	text-align: center;
}
.container_2_tile_1information, .container_2_tile_11information{
	padding:10px;
	max-width: calc(100% - 20px);
} 

.container_2_module_0information, .container_2_module_3information h1{
/*	text-align:center;
*/}

.container_2information p{
	margin:0 0 15px 0;
}

@media all and (max-width:750px){
	.container_2_box_0information, .container_2_box_3information{
		width: 90%;
		margin: 0 5%;
	} 
	.container_2_box_1information{
		width: 90%;
		margin: 0 5%;
	} 
	.container_2_module_1information, .container_2_module_11information{
		width:100%;
		float: left;
	} 
}

/**********************************************************************************************/
/***************************************bibleStudy*********************************************/
/**********************************************************************************************/

/********** Container 1 Type one CSS for 1 divs for page: bibleStudy **********/

.container_1_bibleStudy
{
width:1200px;
}
.container_1_box_0_bibleStudy
{
width:100%;
} 
.container_1_module_0_bibleStudy{
	max-width:100%;
    max-height: 300px;
    line-height: 0px;	
} 
.container_1_tile_0_bibleStudy
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type one CSS for 1 divs for page: bibleStudy **********/

.container_2_bibleStudy{
	width:1200px;
	background-color:#e7e6e6;
}
.container_2_box_0_bibleStudy, .container_2_box_3_bibleStudy{
	width: 66%;
    margin: 0 17%;
} 
.container_2_box_1_bibleStudy{
    width: 66%;
    margin: 0 17%;
} 

.container_2_module_0_bibleStudy, .container_2_module_3_bibleStudy{
	padding:10px;max-width: calc(100% - 20px);
} 

.container_2_module_1_bibleStudy, .container_2_module_11_bibleStudy{
	width:50%;
    float: left;
} 
.container_2_tile_0_bibleStudy{
	text-align: center;
}
.container_2_tile_1_bibleStudy, .container_2_tile_11_bibleStudy{
	padding:10px;
	max-width: calc(100% - 20px);
} 

.container_2_module_0_bibleStudy, .container_2_module_3_bibleStudy h1{
/*	text-align:center;
*/}

.container_2_bibleStudy p{
	margin:0 0 15px 0;
}

@media all and (max-width:750px){
	.container_2_box_0_bibleStudy, .container_2_box_3_bibleStudy{
		width: 90%;
		margin: 0 5%;
	} 
	.container_2_box_1_bibleStudy{
		width: 90%;
		margin: 0 5%;
	} 
	.container_2_module_1_bibleStudy, .container_2_module_11_bibleStudy{
		width:100%;
		float: left;
	} 
}

/**********************************************************************************************/
/***************************************whatsOn************************************************/
/**********************************************************************************************/

/********** Container 1 Type one CSS for 1 divs for page: whatsOn **********/

.container_1_whatsOn
{
width:1200px;
}
.container_1_box_0_whatsOn
{
width:100%;
} 
.container_1_module_0_whatsOn{
	max-width:100%;
    max-height: 300px;
    line-height: 0px;	
} 
.container_1_tile_0_whatsOn
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type one CSS for 1 divs for page: whatsOn **********/

.container_2_whatsOn{
	width:1200px;
	background-color:#e7e6e6;
}
.container_2_box_0_whatsOn{
	width: 66%;
    margin: 0 17%;
} 
.container_2_box_1_whatsOn{
    width: 66%;
    margin: 0 17%;
} 

.container_2_module_0_whatsOn{
	padding:10px;max-width: calc(100% - 20px);
} 

.container_2_module_1_whatsOn, .container_2_module_11_whatsOn{
	width:50%;
    float: left;
} 
.container_2_tile_0_whatsOn{
	text-align: center;
}
.container_2_tile_1_whatsOn, .container_2_tile_11_whatsOn{
	padding:10px;
	max-width: calc(100% - 20px);
} 

.container_2_tile_12_whatsOn{
	padding:10px;
	max-width: calc(100% - 20px);
	float:left;
    margin-bottom: 30px;
} 

.container_2_tile_12_whatsOn a{
	padding: 0;
} 

.container_2_module_0_whatsOn h1{
/*	text-align:center;
*/}

.container_2_whatsOn p{
	margin:0 0 15px 0;
}

@media all and (max-width:750px){
	.container_2_box_0_whatsOn{
		width: 90%;
		margin: 0 5%;
	} 
	.container_2_box_1_whatsOn{
		width: 90%;
		margin: 0 5%;
	} 
	.container_2_module_1_whatsOn, .container_2_module_11_whatsOn{
		width:100%;
		float: left;
	} 
}

.whatsOnButton{
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    cursor: hand;
    font-family: raleway;
    font-size: 1em;
    padding: 9px 31px;
    color: #000000;
    border: 2px solid #000000;
    background-color: #e7e6e6;
}

/**********************************************************************************************/
/***************************************contact************************************************/
/**********************************************************************************************/

/********** Container 1 Type one CSS for 1 divs for page: contact **********/

.container_1_contact
{
width:1200px;
}
.container_1_box_0_contact
{
width:100%;
} 
.container_1_module_0_contact{
	max-width:100%;
    max-height: 300px;
    line-height: 0px;	
} 
.container_1_tile_0_contact
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type one CSS for 1 divs for page: contact **********/

.container_2_contact{
	width:1200px;

}
.container_2_box_0_contact{
	width: 66%;
    margin: 0 17%;
} 
.container_2_box_1_contact{
    width: 66%;
    margin: 0 17%;
} 

.container_2_module_0_contact{
	padding:10px;max-width: calc(100% - 20px);
} 

.container_2_module_1_contact, .container_2_module_11_contact{
	width:50%;
    float: left;
} 
.container_2_tile_0_contact{
	text-align: center;
}
.container_2_tile_1_contact, .container_2_tile_11_contact{
	padding:10px;
	max-width: calc(100% - 20px);
} 


.container_2_module_0_contact h1{
/*	text-align:center;
*/}

.container_2_contact p{
	margin:0 0 15px 0;
}

@media all and (max-width:750px){
	.container_2_box_0_contact{
		width: 90%;
		margin: 0 5%;
	} 
	.container_2_box_1_contact{
		width: 90%;
		margin: 0 5%;
	} 
	.container_2_module_1_contact, .container_2_module_11_contact{
		width:100%;
		float: left;
	} 
}

.maxiroundedcenter ul{
	float: right !important;
}

/*************************************************************/
/*************************************************************/
/*************Menu CSS for W4c Menu System********************/
/*************************************************************/
/*************************************************************/
.headerBar{
	width:1200px;
	margin:auto;

}

@media all and (max-width: 1200px){
	.headerBar{
		width:100%;
	}
}

.navMain{
/*    width: 48%;*/
/*    text-align: right;*/
    float: right;
    font-family: ralewayBold;
	    position: absolute;
    top: 45px;
    z-index: 10;
	color: #ffffff;
}

.headerLogo{
	float: left;
    padding: 2px 0 2px 2%;

    font-family: ralewayBold;
	
}
.menuButtonHolder{
	display: none;
}
.menuItem{
	float:left;
	padding: 15px;
	text-transform: uppercase;/*capitalize*/
	color: #ffffff;
}
.menuHolder{
	/*background: #b61072;*/
/*	position: absolute;*/
/*	width: 60%;*/
    padding: 5px;
/*	display: none;*/
	z-index: 10;
/*	border: 1px solid #ffffff;*/
}
.menuHolder a{
    font-family: ralewayBold;
	font-size: 13pt;
	color: #000000;
}
.ButtonText{
    font-family: ralewayBold;
	font-size: 13pt;
	color: #000000;
}
.menuButtonHolder img{
	margin: 15px;
	
    width: 50px;
}



@media all and (max-width: 350px) {
	.officeEmailText a{
		font-size: 12pt;
	}
	.officeEmailText {
		font-size: 12pt;
	}
}
@media all and (max-width: 1140px){
	.navMain{
		width:70%;

	}
}
@media all and (min-width: 700px) {
	.menuHolder{
		display: block!important;
	}
	

}
@media all and (max-width: 930px){
	.navMain{
		width:100%;

	}
	.menuHolder{
		width:76%;
		margin: auto;
		position: inherit;
	}
}
@media all and (max-width: 860px){
	.headerLogo{
		width:100%;
		float: none;
		text-align: left;
	}
	.navMain{
		width:100%;
		float: none;
		text-align: left;
		clear: both;
		position: inherit;
	}
	.menuItem{
		color: #000000;
	}

}
@media all and (max-width: 700px) {
	.menuButtonHolder{
		display: block;
		
	}
	.menuItem{
		float: none;
	}
	.menuButtonText{
		display: none;
	}
	.menuHolder{

		position: inherit;
		width: 100%;
		padding: 0%;
		display: none;

	}
	.headerText{
		float: none;
	}
	.headerLogo {
		clear: both;
		float: none;
		width: 100%;
		margin: auto;
	}
	
	.navMainMenu{
		float: none;
		width: 25%;
		margin: auto;
	}
	.headerLogo{
		/*display: none;*/
	}
	
}
/*************************************************************/
/*************************************************************/
/*************END  Menu CSS for W4c Menu System***************/
/*************************************************************/
/*************************************************************/


/********** Container 1 Type one CSS for 1 divs for page: home **********/

.container_1_home
{
width:1200px;
}
.container_1_box_0_home
{
width:100%;
} 
.container_1_module_0_home
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_1_tile_0_home
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type three CSS for 3 divs for page: home **********/

.container_2_home
{
width:1200px;
}
.container_2_box_0_home, .container_2_box_1_home, .container_2_box_2_home
{
	width: 33.3%;
	text-align: center;
} 
.container_2_module_0_home, .container_2_module_1_home, .container_2_module_2_home
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_2_tile_0_home, .container_2_tile_1_home, .container_2_tile_2_home
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 800px) 
{
.container_2_home
{
width:800px;margin:auto;
}
.container_2_box_0_home, .container_2_box_1_home, .container_2_box_2_home
{
width:100%;
}
}


/********** Container 3 Type one CSS for 1 divs for page: home **********/

.container_3_home
{
width:1200px;
}
.container_3_box_0_home
{
	width:100%;

} 
.container_3_module_0_home
{
padding:10px;max-width: calc(100% - 20px);
	margin: auto;
	width: 85%;
} 
.container_3_tile_0_home
{
/*Please add custom css for the tiles here*/
	
} 

/********** Container 4 Type one CSS for 1 divs for page: home **********/

.container_4_home
{
width:1200px;
}
.container_4_box_0_home
{
	width:100%;
	text-align: center;
} 
.container_4_module_0_home
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_4_tile_0_home
{
/*Please add custom css for the tiles here*/
} 


/********** Container 1 Type six CSS for 6 divs for page: home **********/

.container_1_miniMenu
{
width:1200px;
	    text-align: center;
}
.container_1_box_0_miniMenu, .container_1_box_1_miniMenu, .container_1_box_2_miniMenu, .container_1_box_3_miniMenu, .container_1_box_4_miniMenu, .container_1_box_5_miniMenu
{
width: 33.33%;
} 
.container_1_module_0_miniMenu, .container_1_module_1_miniMenu, .container_1_module_2_miniMenu, .container_1_module_3_miniMenu, .container_1_module_4_miniMenu, .container_1_module_5_miniMenu
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_1_tile_0_miniMenu, .container_1_tile_1_miniMenu, .container_1_tile_2_miniMenu, .container_1_tile_3_miniMenu, .container_1_tile_4_miniMenu, .container_1_tile_5_miniMenu
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 999px) 
{
.container_1_miniMenu
{
width: 666px;
}
.container_1_box_0_miniMenu, .container_1_box_1_miniMenu, .container_1_box_2_miniMenu, .container_1_box_3_miniMenu, .container_1_box_4_miniMenu, .container_1_box_5_miniMenu
{
width: 50%;
}
	.container_3_module_0_home p
{
	padding: 0px;
}
}

@media all and (max-width: 666px) 
{
.container_1_miniMenu
{
width: 100%;
}
.container_1_box_0_miniMenu, .container_1_box_1_miniMenu, .container_1_box_2_miniMenu, .container_1_box_3_miniMenu, .container_1_box_4_miniMenu, .container_1_box_5_miniMenu
{
width: 100%;
}
}



/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/

/********** Container 1 Type one CSS for 1 divs for page: WhoWeAre **********/

.container_1_whoWeAre
{
width:1200px;
}
.container_1_box_0_whoWeAre
{
width:100%;
} 
.container_1_module_0_whoWeAre
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_1_tile_0_whoWeAre
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type one CSS for 1 divs for page: WhoWeAre **********/

.container_2_whoWeAre
{
width:1200px;
}
.container_2_box_0_whoWeAre
{
width:100%;
} 
.container_2_module_0_whoWeAre
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_2_tile_0_whoWeAre
{
/*Please add custom css for the tiles here*/
} 


/********** Container 3 Type one CSS for 1 divs for page: WhoWeAre **********/

.container_3_whoWeAre
{
width:1200px;
}
.container_3_box_0_whoWeAre
{
width:100%;
} 
.container_3_module_0_whoWeAre
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_3_tile_0_whoWeAre
{
/*Please add custom css for the tiles here*/
} 



.whowearecontainer {
    position: relative;
    text-align: center;
    color: white;
}
.whowearecentered {
	position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16pt;
	word-wrap: break-word;
	width:206px;
	color: #ffffff;
}
.whowearecentered a{
	font-size: 16pt;
	color: #ffffff;
}
.whowearecenteredJohn {
	position: absolute;
    top: 30%;
    
	word-wrap: break-word;
}
.whowearecenteredJohn p{
	font-size: 16pt;
	color: #ffffff;
}

.whowearecenteredChurchSnow{
	position: absolute;
    top: 100%;
    word-wrap: break-word;
    width: 61%;
}
.whowearecenteredChurchSnow p{
	font-size: 16pt;
	color: #ffffff;
}
.whowearecenteredMiniMenu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 30pt;
}
.whowearecenteredWhiteOverlay {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 30pt;
}
.picOverlay {
	font-family: Raleway;
    font-size: 16pt;
    margin: 15px 0;
    line-height: 25px;
    font-weight: 700;

}
@media all and (max-width: 999px) {
	p
	{
		padding: 0px;
	}
	.whowearecenteredJohn{
		background: #1a7ab7;
		position: inherit;
		width: 100%;
	}
	.whowearecenteredJohn p{
		padding:10px;
	}
}
@media all and (max-width: 999px) {
	.whowearecenteredMiniMenu {
    top: 25%;
    left: 25%;
    transform: inherit;
	font-size: 18pt;
}
}
/***************************************************************************/
/***************************************************************************/
/***********************3D drumchapel***************************************/
/***************************************************************************/
/***************************************************************************/




/********** Container 1 Type one CSS for 1 divs for page: Drumchapel3D **********/

.container_1_drumchapel3d
{
width:1200px;
}
.container_1_box_0_drumchapel3d
{
width:100%;
} 
.container_1_module_0_drumchapel3d
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_1_tile_0_drumchapel3d
{
/*Please add custom css for the tiles here*/
} 


/********** Container 2 Type one CSS for 1 divs for page: Drumchapel3D **********/

.container_2_drumchapel3d
{
width:1200px;
}
.container_2_box_0_drumchapel3d
{
width:100%;
} 
.container_2_module_0_drumchapel3d
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_2_tile_0_drumchapel3d
{
/*Please add custom css for the tiles here*/
} 


/********** Container 3 Type one CSS for 1 divs for page: Drumchapel3D **********/

.container_3_drumchapel3d
{
width:1200px;
}
.container_3_box_0_drumchapel3d
{
width:100%;
} 
.container_3_module_0_drumchapel3d
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_3_tile_0_drumchapel3d
{
/*Please add custom css for the tiles here*/
} 

@media all and (max-width: 999px) {
	.container_3_module_0_drumchapel3d p
	{
		padding: 0px;
	}
}
/********** Container 4 Type one CSS for 1 divs for page: Drumchapel3D **********/

.container_4_drumchapel3d
{
width:1200px;
}
.container_4_box_0_drumchapel3d
{
width:100%;
} 
.container_4_module_0_drumchapel3d
{
padding:10px;max-width: calc(100% - 20px);
} 
.container_4_tile_0_drumchapel3d
{
/*Please add custom css for the tiles here*/
} 

.footermenuItem{
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;	
	font-family: ralewayBold;
}
.footermenuHolder{
	margin-top: 15px;
}