html{
	width:100%;
	min-height:100%;
	padding:0;
	margin:0;
	box-sizing:border-box;
}

	*,:after,:before{
		box-sizing:inherit;
	}
	
::-moz-selection{ background:#231f20;color:#fff; }
::selection{ background:#231f20;color:#fff; }
	
body{
	width:100%;
	min-height:100%;
	padding:0;
	margin:0; 
	background:#3b3b3c;
	-o-font-feature-settings:'liga' 1,'kern';
    -ms-font-feature-settings:'liga' 1,'kern';
    font-feature-settings:'liga' 1,'kern';
}

	.wide{
		width:100%;
		min-width:1024px;
	}
	
		.container,.wide{
		position:relative;
		padding:0;
		margin:0 auto;
		}
	
		.container{
			width:90%;
			max-width: 1000px;
		}
		
		.mobile{
			display:none;
		}
		
		a,a:active:hover,a:hover,a:visited{
			text-decoration:none;
		}
		
		a img{
			border:0;
			outline:0;
		}
		
		a.button{
			display:inline-block;
			position:relative;
			margin:0;
			padding:14px;
			background:#231f20;
			color:#fff;
			font-size:15px;
			line-height:normal;
			font-weight:300;
			text-align:left;
			transition:.2s ease-out;
			vertical-align:middle;
			text-transform:uppercase;
		}
		
			a.button:after{
				content:"\e901";
				font-family:agape !important;
			    speak:none;
			    font-style:normal;
			    font-weight:400;
			    font-variant:normal;
			    text-transform:none;
			    line-height:1;
			    -webkit-font-smoothing:antialiased;
			    -moz-osx-font-smoothing:grayscale;
			    display:inline-block;
			    margin-left:1em;
			}
					
				
			a.button:active,a.button:focus,a.button:hover{
				background:#3d3d3d;
				color:#fff;
			}
			
		a.button.white {
			background: #fff;
			color: #231f20;
		}
	
	.text-left {
		text-align: left !important;
	}
	
	.text-center {
		text-align: center !important;
	}
	
	.text-right {
		text-align: right !important;
	}

#mainContainer{
	position:relative;
	width:100%;
	min-width:1024px;
	height:100%;
	min-height:400px;
	padding:0;
	margin:0 auto;
	font-family:'Montserrat',Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:400;
	color:#3d3d3d;
}

	header.wide{
		min-height:560px;
		height:560px;
		height:100vh;
		overflow:hidden;
		background-size:cover;
		background-position:50%;
		background-repeat:no-repeat;
	}
	
				
	#pri_Spacer{
		position:absolute;
		bottom:0;
		height:87px;
	}
	
	#primary{
		position:relative;
		height:87px;
		background:rgba(35, 31, 32, 0.85);
		z-index:2003;
		transition:.5s ease-out;
	}
	
	
		#primary.fixed{
			position:fixed;
			background:rgba(35, 31, 32,.9);
			box-shadow:0 2px 2px -1px rgba(0,0,0,.2);
			top:0;
			bottom:auto;
		}
	
		#logo{
			position:absolute;
			width:310px;
			top:50%;
			left:50%;
			margin-left:-155px;
			margin-top:-189px;
			text-align:center;
			-webkit-transform:none;
			    -ms-transform:none;
			        transform:none;
			transition:.2s ease-out;
			z-index:2001;
		}
		
			#logo a,
			#logo-mobile a{
				display:block;
				overflow:hidden;
			}
			
				#logo a img,
				#logo-mobile a img{
					max-width:100%;
				}
				
		#logo-mobile {
			display: none;
		}
		
		#logo_sm{
			position:relative;
			margin:0 auto;
			width:120px;
			height:87px;
			background:#231f20;
			text-align:center;
			transition:.25s ease-in-out;
			z-index:2002;
		}
		
			#logo_sm,#logo_sm a{
			display:block;
			}
			
			#logo_sm img{
				margin:10px 0;
			}
			
			.scrolled #logo_sm{
				-webkit-transform:none;
				-ms-transform:none;
				transform:none;
			}
	
		#navigation{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:100;
		}
	
			#navigation ul{
				position:relative;
				height:87px;
				margin:0 auto;
				padding:0;
				overflow:visible;
			}
			
					#navigation ul .left{
						float:left;
						text-align:right;
					}
					
					#navigation ul .left,#navigation ul .right{
						position:relative;
						width:42%;
						height:87px;
						padding:0;
						transition:.3s ease-out;
					}
					
					#navigation ul .right{
						float:right;
						text-align:left;
					}
					
						.scrolled #navigation ul .left,.scrolled #navigation ul .right{
							width:42%;
						}
					
			
				#navigation ul li{
					position:relative;
					margin:0 3px;
					padding:0;
					list-style-type:none;
					display:inline-block;
					text-decoration:none;
				}
			
					#navigation ul li a{
						position:relative;
						display:block;
						padding:0 20px;
						margin:0;
						color:#ffffff;
						font-family:'Montserrat',Arial,Helvetica,sans-serif;
						font-size:16px;
						line-height:87px;
						text-decoration:none;
						text-align:center;
						font-weight:400;
						text-transform:uppercase;
						transition:.2s ease-out;
					}
	
						
					#navigation ul li a.active:hover,#navigation ul li a:hover{
						color:#ffffff;
						background:#231f20;
					}
					
#content h2 a,#content h3 a,#content p a:not(.button):not(.contains-image){
/* 	color:#d95700; */
	transition:.3s ease-out;
	text-decoration: underline;
}

	#content h2 a:hover,#content h3 a:hover,#content p a:not(.button):not(.contains-image):hover{
/* 		color:#d97b00; */
		cursor: pointer;
	}
					
					
				
					
footer.wide{
	background:#575650;
	overflow:hidden;
	text-align:center;
}

		
#bottom{
	background:#3f3f3f;
	overflow:hidden;
	padding:7em 0;
	color: #fff;
}

	.footer-row{
	    display:-ms-flexbox;
	    display:-webkit-flex;
	    display:flex;
	    -ms-flex-flow:row nowrap;
	    -webkit-flex-flow:row nowrap;
	            flex-flow:row;
	    -ms-flex-pack:justify;
	    -webkit-justify-content:space-between;
	            justify-content:space-between;
	   -webkit-align-items: center;
	   -moz-align-items: center;
	   -ms-align-items: center;
	    align-items: center;
	}

	.footer-col h2 {
		margin: 0;
		font-size: 3.8em;
	    text-align: center;
	    font-weight: 400;
	    font-family: 'Abril Fatface',serif;
	    text-transform: uppercase;
	}
		
			.footer-col p{
				margin:.3em 0;
			}
			
			 .footer-col a,.footer-col a:visited,.footer-col p{
				color:#ffffff;
				font-size:15px;
				transition:color .15s ease-out;
			}
			
				 .footer-col a:active,.footer-col a:focus,.footer-col a:hover{
					color:rgb(74,134,23);
				}
	
		.social-links{
			text-align:right;
		}
		
			.social-links a.social{
				display:inline-block;
				margin-left:20px;
				font-size:30px;
				color:#fff;
				vertical-align:middle;
				transition:.2s ease-out;
			}
			
				
				.social-links a:active,.social-links a:focus,.social-links a:hover{
					color:rgba(255, 255, 255, 0.8);
				}

#footer-info{
	background:#3b3b3c;
	overflow:hidden;
	padding:1.5em 0;
}

	#email-form{
		position:relative;
		width:312px;
		margin:0;
	}
	
		#email-form input{
			position:relative;
			width:100%;
			padding:8px 40px 8px 8px;
			font-size:16px;
			line-height:16px;
			color:#787878;
			outline:0;
			box-sizing:border-box;
		}
		
		#email-form input,#search_btn{
			margin:0;
			border:0;
			border-radius:0;
			-webkit-appearance:none;
		}
		
		#search_btn{
			position:absolute;
			top:0;
			right:0;
			bottom:0;
			width:40px;
			background:#231f20;
			color:#ffffff;
			font-size:13px;
		}

	#footer-info .copyright{
		text-align:center;
	}
	
		#footer-info .copyright p{
			display:inline-block;
		    margin:10px 25px;
		    font-family:Arial,Helvetica,sans-serif;
		    font-size:10px;
		    color:#888888;
		    vertical-align:middle;
		}
		
		#footer-info .copyright a,#footer-info .copyright a:visited{
			color:#888888;
			text-decoration:underline;
		}
		
@media (max-width:640px){
	
	#mainContainer,.wide{
		width:100%;
		min-width:0;
	}
	
		.container{
			width:90%;
		}
		
		a,a:hover,a:hover:active{
			text-decoration:none;
		}
	
	header.wide{
		min-height:0;
		height: 44vh;
		overflow: visible;
	}
	
		#logo{
			width:40%;
			left:30%;
			top:48%;
			margin-top:0;
			margin-left:0;
			display: none;
		}
		
		#logo-mobile {
			display: block;
			position:absolute;
			text-align:center;
			-webkit-transform:none;
			    -ms-transform:none;
			        transform:none;
			transition:.2s ease-out;
			z-index:2001;
			width:42%;
			left:29%;
			top:50%;
			margin:0;
		}
		
		#logo_sm{
			margin:0;
		}
	
		#pri_Spacer{
			top:0;
			bottom:auto;
		}
		
		#primary.fixed{
			position:relative;
		}
		
		#primary{
			padding:0;
		}
		
		
		#primary>.container{
				width:100%;
			}
				
				#navigation{
					position:relative;
					margin:0;
					height:0;
					top:auto;
					right:auto;
					transition:.4s ease-out;
					overflow:hidden;
				}
				
					#navigation,#navigation ul{
					width:100%;
					float:none;	
					}
				
					#navigation ul{
						height:auto;
						background:#3f3f3f;	
					}
					
						#navigation ul .left,#navigation ul .right{
							float:none;
							width:100%;
							height:auto;
						}
						
						#navigation ul li,#navigation ul li a{
							width:100%;
							display:block;
							float:none;
							margin:0;
						}
						
						#navigation ul li a{
							box-sizing:border-box;
							padding:12px 3%;
							font-size:18px;
							line-height:24px;
							text-align:center;
						}
						
								#navigation ul li a:hover{
									border:none;
								}
								
								#navigation ul li a.active{
									background:#d6802c;
								}
						
							#navigation ul li#nav a{
								font-size:24px;
								text-align:right;
							}	
	
	#menu{
		position:absolute;
		display:inline-block;
		top:0;
		right:0;
		font-size:50px;
		padding:32px .5em;
		width:1.5em;
		height:100%;
		box-sizing:border-box;
		transition:.3s ease-out;
	}
	
			#menu,#menu.active{
		background:transparent;
			}
	
		#menu .bars{
			padding:.08em 0;
		}

			#menu .bar{
				position:relative;
				width:100%;
				height:.04em;
				margin:0 0 .08em;
				background:#ffffff;
				-webkit-transform:rotate(0);
				-ms-transform:rotate(0);
				transform:rotate(0);
				-webkit-transform-origin:center;
				    -ms-transform-origin:center;
				        transform-origin:center;
				opacity:1;
				transition:.3s ease-out;
			}
				
					#menu.active .bar:first-of-type{
						-webkit-transform:rotate(45deg) translate(20%,160%);
						-ms-transform:rotate(45deg) translate(20%,160%);
						transform:rotate(45deg) translate(20%,160%);
					}
					#menu.active .bar:nth-of-type(2){
						opacity:0;
					}
					#menu.active .bar:last-of-type{
						margin:0;
						-webkit-transform:rotate(-45deg) translate(20%,-160%);
						-ms-transform:rotate(-45deg) translate(20%,-160%);
						transform:rotate(-45deg) translate(20%,-160%);
					}
	#bottom{
		padding:4em 0;
	}
		
	.footer-row{
	    -ms-flex-flow:column;
	    -webkit-flex-flow:column;
	            flex-flow:column;
	    text-align:center;
    }
    
    	.footer-col{
	    margin:1em 0;
	    line-height:1.6; 
	    }
		
		.footer-col h2 {
			font-size: 3em;
		}
			
		
		.social-links{
			text-align:center;
		}
		
			.social-links a.social{
				margin:0 10px;
			}
			
	#search{
		width:90%;
		margin:3em auto;
	}
	
	#footer-info .copyright{
		padding:2em 0;
		float:none;
		text-align:center;
	}
	
		#footer-info .copyright p{
			display:block;
			margin:10px auto;
		}


}