/* ============================================================
  RESET - http://meyerweb.com/eric/tools/css/reset/
============================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;  
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* ============================================================
  BOX SIZING & CLEARFIX
============================================================ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* New Clear Fix - See https://perishablepress.com/lessons-learned-concerning-the-clearfix-css-hack/ */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* ============================================================
  HTML & BODY
============================================================ */
body {
  background-color: #b4b4b4;
  color: #787878;
  color: black;
  font-family: "Abel", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
  font-weight: normal;
  line-height: 1.5;
  
}

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.wrapper {
  width: 100%;
  margin: 0 auto;
}

main {
  display: block;
  background-color: #fff;  
}

.container {
  width: 100%;  
  margin: 0 auto;
  padding: 0 20px; 
}

.heading_container {
  width: 100%;   
  position: relative;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;  
  
  #border: 2px solid blue;
}


.drop-shadow {  
	#box-shadow: 0px 0px 10px 3px #444; 
	box-shadow: 0 0 10px 1px #444;
} 

.text-shadow { 
	text-shadow: 1px 1px 1px black;
}

/* ============================================================
  SECTIONS
============================================================ */


 h2 {
  margin-bottom: 25px;
  font-family: "Abel", "Roboto Slab", serif;
  font-size: 250%;
  font-weight: normal;
  border-bottom: 3px solid red;   
  display: inline-block; 
  color: #333;
}

 p {
  margin-bottom: 40px;
  font-size: 125%;
  font-weight: normal; 
}

section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  #margin: 40px 0;
  padding: 40px 0;
  position: relative; 
  z-index: 999;
  #box-shadow: 0px 0px 10px 3px #444;
}
section.module.parallax {
  height: 800px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.section_heading {	
	font-size: 3em;  
    line-height: 1.3em;
    font-family: "Abel", "Roboto Slab", serif;
	text-transform: uppercase;  
	color: white;		
	
	padding: 20px 40px;
	margin: 40px 0px;	
	border: 1px solid white;
	#border-radius: 3px;	
	background: rgba(0,0,0,0.3); 	
}

section.module.parallax-1 {   
  background:  url("../images/group.jpg");  
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;				
  height: 900px;
}

section.module.parallax-2 {
  background-image: url("../images/fire.jpg");
  height: 800px;
}
section.module.parallax-3 {
  background-image: url("../images/main_event2.jpg");
  height: 1080px;
}
section.module.parallax-4 {
  background-image: url("../images/group_boats.jpg");
  height: 980px;
}

section.module.parallax-5 {
  background-image: url("../images/marsh.jpg");
  height: 960px;
}

section.module.parallax-6 {
  background-image: url("../images/2015_7.jpg");
  height: 960px;
}


/* ============================================================
  BRAND
============================================================ */

.brand_container { position: absolute; top: 20px; width: 725px; margin: 0 auto; padding: 0px; left: 50%; margin-left: -350px;
				   background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px 1px #333; } 
.brand_container span { position: relative; display: block; margin-left: 83px; padding-left: 10px; font-size: 3em;	
		background: url("../images/background_paper.jpg") no-repeat; border: 1px solid #ccc; text-shadow: 0 0 1px black;}
.brand_image { position: relative; width: 85px; height: 65px; float: left; z-index: 9999;}
.brand_image img { width: 100%; height: 100%; display: block; }	
		
@media all and (max-width: 950px) {
	.brand_container { width: 435px; text-align: center; margin-left: -200px;}		
	.brand_container span { font-size: 2.35em; margin-left: 130px;}
	.brand_image { width: 130px; height: 98px; }

	.stats { width: 100px; }
}
			
@media all and (max-width: 550px) {
	.brand_container { width: 335px; text-align: center; margin-left: -167px;}		
	.brand_container span { font-size: 1.9em; margin-left: 130px;}
	.brand_image { width: 130px; height: 119px; }

	.stats { width: 100%; margin: 0px; }
	.stats hr { width: 100%; }	
	
	#whoWeAre p { font-size: 1em;  }
}
			
@media all and (max-width: 350px) {	
	.brand_container { width: 250px; height: 200px; text-align: center; box-shadow: none; margin-left: -125px; padding: 0px; 
					   box-shadow: 0 0 4px 1px #777, 0 0 2px 1px #aaa; top: 5px;}		
	.brand_container span { font-size: 2.4em; margin: 0 auto; padding: 0; background: none; width: 240px; height: 200px;
							position: relative; top: -199px; left: 0px; z-index: 999;color: white; border: none;
							text-shadow: 0 0 7px black;}
	.brand_image { width: 250px; height: 200px; position: relative; margin: 0 auto; float: none; 
					background: url('../images/background_paper.jpg') no-repeat; z-index: 7777;}	

	.stats { width: 100%; margin: 0px; }
	.stats hr { width: 100%; }			
}				


.info_container {
    position: absolute;     
    width: 100%;;
    top: 59%;
    font-size: 200%;
    background-color: rgba(0,96,128, 0.7);
    text-align:center;
    color: white;
    padding: 100px 40px; 
    font-family: 'Black Ops One', cursive;
    border-top: 1px solid teal;
}

.info_container ul { list-style-type: none; }
.info_container .big { font-size: 250%; }


#fixed_nav {
    border: none;    
    #box-shadow: 1px 3px 4px #000;
    width: 100%;
    height: 55px;
    z-index: 1000; 
    white-space: nowrap;   
    transition: 1.0s background-color; 
    
}

#fixed_nav a { text-decoration: none; color: white; border: none;   }

#fixed_nav ul { list-sytle-type: none;  overflow-y: hidden;  font-family: "Ubuntu";}
#fixed_nav li { background-color: rgba(0,0,0, 0.25); color: white; font-size: 140%; font-family: "Abel"; padding: 12px 0px;  float: left; width: 16.66666666%; display: inline; 
                text-align: center; transition: 1s all; border-radius: 2px; text-shadow: 1px 2px 1px black; text-transform: uppercase; }
#fixed_nav li:nth-child(6){  background-color: rgba(255, 0, 0, 0.4); text-shadow: 1px 2px 1px black;}
#fixed_nav li:nth-child(7){  background-color: rgba(128, 128, 0, 0.4); text-shadow: 1px 2px 1px black;}  /* Not Used */

#fixed_nav li:hover { background-color: rgba(34,139,34, 0.7); }
#fixed_nav li.active { background-color: #222; border: 2px solid #aaa; border-top: none; }


.default_top { position: relative; top: 844px; }
.sticky_top { position: fixed; top: 0px; }  
.filler_big { margin-bottom: 60px; }

#pointer {
    font-size: 2.5em;    
    position:relative;
    top: -27px;   
    left: -10%;
    border: none;
    z-index: 99999;
    width: 40px;
    text-shadow: 0 3px #aaa;  
    transition: 1.0s all;
}

#pointer span { color: #222; }



/* ------------------------------------------------------------------------------------------------- */
/*                               B A N N E R    S E C T I O N                                        */
/* ------------------------------------------------------------------------------------------------- */

.scholarship-banner {
	position: relative;
	/* height: 200px; */
	max-height: 0px; 
	transition: max-height 0.5s ease-in, opacity 1.0s;

	background-color: black;
	color: white;
	display: grid;
	place-content: center;
	/* padding: 20px; */

	background: linear-gradient(rgba(0, 0, 0, 0.85) 35%, rgba(0, 0, 0, 0.85)), url(../images/topo_1.png);
	
	word-spacing: 2px;
	opacity: 0;

	font-size: 14px;

	/* transform: translateY(-280px); */
}

.scholarship-banner article {
	padding: 40px;
}

.scholarship-banner .scholarship-heading {
	font-size: 1.4rem;	
	font-size: clamp(0.9em, 8vw, 1.8em);
}

.scholarship-banner p {
	font-size: clamp(0.6em, 3.5vw, 1.6em);
}

.scholarship-banner p em {
	font-weight: 700;
	letter-spacing: 2.5px;
}

.scholarship-banner a {
	color: white;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-size: clamp(0.8em, 4vw, 1.6em);
	color: rgb(255, 104, 3);
}

.scholarship-banner.active {
	max-height: 300px;	
	opacity: 1;
}

.scholarship-close {
	position: absolute;
	right: 20px;
	bottom: 35px;
	font-size: 2em;
	cursor: pointer;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
	opacity: 0.3;	
}

.scholarship-close:hover {
	transform: rotate(180deg);	
	opacity: 1;
}

@media all and (max-width: 950px) {		
	.scholarship-banner.active {
		max-height: 400px;
	}
}





/* ------------------------------------------------------------------------------------------------- */
/*                               L A N D I N G   S E C T I O N                                       */
/* ------------------------------------------------------------------------------------------------- */

	.stats_container { margin: 20px 0px; text-align: center; display: flex; justify-content: space-around; }
	.stats { vertical-align: top; width: 140px;  text-align: center; color: gray; margin: 0px 15px;  }
	
	.stats hr { width: 50px; border: 1px solid #ddd; margin-top: -10px; }
	.stats h1 {
		font-family: 'Black Ops One'; 
		font-size: 3em; 
		text-align: center; 
		color: red;
		text-shadow: 1px 1px 1px #444; 

		/* background-color: #f3ec78;
		background-image: linear-gradient(45deg, #741212, rgb(255, 4, 75));
		background-size: 100%;
		-webkit-background-clip: text;
		-moz-background-clip: text;
		-webkit-text-fill-color: transparent; 
		-moz-text-fill-color: transparent; */
	}
			
	.motto { width: 75%; font-weight: 700; text-transform: uppercase; text-align: center; font-size: 175%; line-height: 3em;
		color: white; padding: 10px; text-shadow: 0 0 1px #000;  border-radius: 3px; border: 3px solid white;		
		background: rgba(0,0,0,0.5); position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
		}
	
	/* -------------------------------------------------------------------- */	
	
	@media all and (max-width: 950px) {		
		.stats { width: 100px; }
		.stats h1 { font-size: 2.5em;}
		.motto { font-size: 150%; line-height: 2em; }
	}
				
	@media all and (max-width: 700px) {		
		.stats_container { flex-direction: column; }
		.stats { width: 100%; margin: 0px; padding-top: 20px; }
		.stats hr { width: 100%; }	
		
		.motto { font-size: 125%; line-height: 1.5em; }
		
		#whoWeAre p { font-size: 1em;  }
		#marshGrass { display: none; }
	}
				
	@media all and (max-width: 350px) {	
		.stats { width: 100%; margin: 0px; }
		.stats hr { width: 100%; }			
	}		


/* ------------------------------------------------------------------------------------------------- */
/*                               V I D E O   S E C T I O N                                           */
/* ------------------------------------------------------------------------------------------------- */
#video_section { padding-top: 20px;  }
#video_section p { color: white; text-shadow: 1px 1px 2px black; background: rgba(0,0,0,0.4); border-radius: 10px; padding: 10px; margin-bottom: 10px;}
#video_section h2 { color: white; text-shadow: 1px 1px 2px black; margin-top: 20px; } 
#video_section a { color: white; font-weight: 700; }

.video_container { width: 100%; height: 560px; margin-bottom: 20px;  } 
.youtube { width: 100%; height: 100%; display: block; box-shadow: 0 0 8px 1px #444;}

@media all and (max-width: 950px) {
	.video_container { width: 100%; height: 460px; } 	
				
}
		
@media all and (max-width: 550px) {
	.video_container { width: 100%; height: 360px; } 
	#aboutFilm { display: none; }	
}
		
@media all and (max-width: 350px) {	
	.video_container { width: 100%; height: 260px;  } 				
}			


/* ------------------------------------------------------------------------------------------------- */
/*                               W H A T     W E    D O    S E C T I O N                             */
/* ------------------------------------------------------------------------------------------------- */
.small_scene { display: inline-block; width: 275px; height: 225px; margin: 2px; }
.small_scene img { width: 100%; height: 100%; }	

@media all and (max-width: 950px) {
	.small_scene { width: 45%; border: 0; margin: 10px; }	
	.small_scene:last-of-type { display: none; }
}
		
@media all and (max-width: 550px) {
	 .small_scene { width: 100%; height: 35%; border: 0; margin: 6px 0px; }		
	 .small_scene:nth-child(2n+1) { display: none; }
}			



/* ------------------------------------------------------------------------------------------------- */
/*                             T E S T I M O N I A L S     S E C T I O N                             */
/* ------------------------------------------------------------------------------------------------- */
.testimonial { display: block; width: 70%; font-size: 175%; height: 175px; margin: 0px auto; border-radius: 0; 
				text-align: center; color: white; font-family: "Abel"; text-shadow: 1px 1px 20px black;}

#testimonial_4 { position: absolute; top: 50px; width: 100%; padding: 20px 40px; visibility: hidden; }

.testimonials_container { 
	overflow-x: hidden;
	color: white;			
	background: -webkit-linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('../images/testimonial_two.jpg');
	background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('../images/testimonial_two.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;	
	background-size: cover;			
}	

.testimonials_container h2 { margin-left: 20px; color: white; }

.light_accent { font-weight: 700; font-size: 120%;}

.review { padding: 0px 0px; display: block; font-size: 90%; margin: 0; }
.reviewer { position: relative; top: 10px; padding: 0px 40px; color: white; font-style: italic; font: 150% 'Robato Slab'; }

.bump_up { position: relative; top: -5px; left: -10px; }
.bump_down { position: relative; top: 10px; left: 10px; }		
.quotes { font-size: 100%; }

.news { width: 30%; float: left; height: 200px; margin: 10px; padding: 10px; text-align: center; border: 1px solid #777; border-radius: 0px; 
		font-size: 1.2em; box-shadow: 0px 0px 5px 1px #fff; background-image: url('../images/background_paper.jpg'); opacity: 0.70;}
.news:hover { border: 1px solid orange; box-shadow: 0px 0px 10px 3px #fff; opacity: 1;}

.news span { font-size: 1.2em; color: black; }		
.news h3 { font-size: 1.0em; border-top: 2px solid red; margin-top: 5px; padding-top: 5px; color: firebrick;}	

#newsSection { background: url('../images/marsh.jpg'); background-size: 100%; background-repeat: none;  }		
	
@media all and (max-width: 950px) {
	.testimonial { font-size: 150%; height: 150px; width: 90%; }
	
	.news { width: 100%; height: auto; margin: 0px; padding: 10px; background-size: 100%; opacity: 1.0; text-align: left; font-size: 1.0em; box-shadow: none; }
	.news:hover { box-shadow: none;  border: 1px solid #777; }
	.news a { text-decoration: none; }
	.news h3 { float: left; width: 40%; padding: 0px; margin: 0px; border: none; font-weight: 700; font-size: 1.2em;}
	.news span { float: right; width: 60%; font-weight: 700; text-transform: uppercase; color: black; } 
		
	#newsSection { background: url('../images/marsh.jpg'); background-size: 150%; background-repeat: none;}
}

@media all and (max-width: 550px) {	
	.testimonial { font-size: 125%; }				
	#testimonial_4 { top: 10px; padding: 0px 20px;  }
	
	.testimonials_container { text-align: center; }
	.testimonials_container h2 { margin: 0px; margin-bottom: 20px; }		

	.reviewer { font-size: 100%; }
	.quotes { font-size: 80%; }
	
	.news h3 { float: left; width: 100%; padding: 0px; margin: 0px; border: none; }
	.news span { float: right; width: 100%; font-weight: 700; text-transform: uppercase; color: black; }

	#newsSection { background: url('../images/marsh.jpg'); background-size: 350%; } 			
}

@media all and (max-width: 350px) {	
	#newsSection { background: url('../images/marsh.jpg'); background-size: 600%; } 			
}	


/* ------------------------------------------------------------------------------------------------- */
/*                              L O G I S T I C S       S E C T I O N                                */
/* ------------------------------------------------------------------------------------------------- */
#logisticsInfo { margin: 0 auto; padding: 20px 0px 0px 0px; position: relative; 
		width: 80%; background: rgba(255, 255, 255, 1.0); border: 6px solid white; border-radius: 5px; }
.logistics_container { text-align: center; padding: 0px 20px; position: relative;   } 

.accent { color: firebrick; text-transform: uppercase; color: orange; font-size: 150%; font-weight: 700; text-shadow: 0px 1px 1px black; }

.logistics_accent { opacity: 0.1; position: absolute; bottom: 0px; right: 0px; height: 75%; width: 15%;	 display: none; }

.gameDay {  padding: 10px; border: 1px dotted #ccc; }		

#whatWhereWhen { color: white; font-size: 125%; } 

@media all and (max-width: 950px) {	
	#logisticsInfo { width: 100%; }
	#whatWhereWhen { color: white; font-size: 100%; } 
	.logistics_text { width: 100%; }
	.logistics_accent { opacity: 0.2; position: absolute; bottom: 0px; right: 0px; height: 75%; width: 15%;	}
	.accent { font-size: 125%; }
	.gameDay { font-size: 100%; }
	
	section.module.parallax-3 { height: 1000px; } 
}
		
@media all and (max-width: 550px) {				
	.gameDay { font-size: 75%; text-align: left; }	
	.logistics_container { text-align: left; }
}
		
@media all and (max-width: 350px) {	
					
}		


/* ------------------------------------------------------------------------------------------------- */
/*                              S P O N S O R S       S E C T I O N                                  */
/* ------------------------------------------------------------------------------------------------- */

#slides { border: 0px solid white; background-color: slategray; position: relative; display: block; height: 400px; overflow: hidden;
	background: linear-gradient( rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) ), url('../images/channel4.jpg'); background-position: 50% 50%; background-size: cover; }

.slide { left: -100%; text-align: center; width: 95%; position: absolute; top: 100px; display: block;  padding: 0px 20px; 
		 padding-left: 40px; font-family: "Abel"; font-size: 2.5em; color: white; text-shadow: 1px 1px 4px black;  }
		
.slide img { margin: 0px 3%; width: 25%; height: 200px; border: 1px solid #ccc; box-shadow: 0 0 10px 1px #444; 
			 display: inline-block; background: white; border-radius: 5px; padding: 10px; max-width: 300px;  }

.slide p { font-size: 0.6em; padding: 0px 20px; background: rgba(0,0,0, 0.5); border-radius: 10px;}
		
.slideOutOfView { left: 0%; -webkit-animation: keyframeSlideOutOfView 2.5s forwards; -moz-animation: keyframeSlideOutOfView 2.5s forwards; animation: keyframeSlideOutOfView 2.5s forwards;}
.slideIntoView {   left: 0%; border-left: 0px solid white; -webkit-animation: keyframeSlideIntoView 2.5s forwards; -moz-animation: keyframeSlideIntoView 2.5s forwards; animation: keyframeSlideIntoView 2.5s forwards;}
			
@-webkit-keyframes keyframeSlideOutOfView {
	0% { 
		-webkit-transform: translateX(0%); 					 
		opacity: 1.0;
	}		
	100% { 	
		-webkit-transform: translateX(-100%);										
		opacity: 0.0; 	
	}
}

@-moz-keyframes keyframeSlideOutOfView {
	0% { 					
		-moz-transform: translateX(0%); 
		opacity: 1.0;
	}		
	100% {					
		-moz-transform: translateX(-100%); 					
		opacity: 0.0; 	
	}
}

@keyframes keyframeSlideOutOfView {
	0% { 					
		transform: translateX(0%); 
		opacity: 1.0;
	}		
	100% {					
		transform: translateX(-100%); 					
		opacity: 0.0; 	
	}
}

@-webkit-keyframes keyframeSlideIntoView {
	0% { 
		-webkit-transform: translateX(100%); 					
		opacity: 0.0;
	}  	
	100% { 
		-webkit-transform: translateX(0%); 					
		opacity: 1.0;
	}
}

@-moz-keyframes keyframeSlideIntoView {
	0% { 					
		-moz-transform: translateX(100%);
		opacity: 0.0;
	}  	
	100% { 					
		-moz-transform: translateX(0%); 
		opacity: 1.0;
	}
}

@keyframes keyframeSlideIntoView {
	0% { 					
		transform: translateX(100%);
		opacity: 0.0;
	}  	
	100% { 					
		transform: translateX(0%); 
		opacity: 1.0;
	}
}			


#links {width: 60px; height: 2em; text-align:center; position: absolute; top: 100px; left: -10px;	 }
#links a { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin: 20px 10px; 
			background-color: rgba(255, 255, 255, 0.0); border: 2px solid white; }
#links a:hover { border-color: white; background-color: rgba(255, 255, 255, 1.0); }
#links a.current { border-color: white; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px 1px #ccc; transition-delay: 2300ms; }

#thankYou { width: 100%; text-align: center; position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);  z-index: 100; color: white; font-size: 2.5em; text-transform: uppercase; } 

@media all and (max-width: 950px) {	
	.slide img { height: 140px; width: 40%; max-width: 250px; margin: 0 1%; }
	.slide { top: 80px; }
}
		
@media all and (max-width: 550px) {
	.slide a:nth-child(1n+2) { display: none; }  /* This width is too narrow for three logos.  Only show middle div to compensate.*/
	.slide img { width: 80%; height: auto; max-height: 225px; }	
	.slide { top: 140px; }
}
		
@media all and (max-width: 350px) {	
					
}				


/* ------------------------------------------------------------------------------------------------- */
/*                 W A Y S    Y O U   C A N   H E L P        S E C T I O N                           */
/* ------------------------------------------------------------------------------------------------- */

.grid_3x3 { float: left; width: 30%; min-height: 300px; display: block; margin: 15px; text-align: center; background-color: #ccc; background: rgba(255,255,255, 1.0); margin-top: 0px; }
.grid_3x3 h2 { background-color: firebrick; width: 100%;  color: white; border: 0;  }
.grid_3x3 p { padding: 20px; margin-top: -40px;  text-align: left; }
.heading { margin: 0; margin-bottom: 100px; display: block; }
.col50 { float: none; width: 100%; }
.picture { display: none; width: 100%; height: 100%; }
		
@media all and (max-width: 950px) {
	section.module.parallax.parallax-6 { padding-top: 0px; background: url('../images/sign.jpg'); background-size: 100%; height: 1185px;   }
				
	.grid_3x3 { width: 100%; height: 300px; float: none; margin: 0; padding: 0; display: block; border: 0; 
				background: white; box-shadow: none; }
	.grid_3x3:nth-child(2) { border-top: 2px solid tan; }
	.grid_3x3 h2 {  margin: 0px; margin-top: 20px; width: auto; background: white; color: firebrick; 
					border-bottom: 1px solid firebrick; font-size: 150%; font-weight: 700; }
	.grid_3x3 p {  margin: 0; background: white; font-size: 1.1em; }			
				
	.col50 { float: left; width: 50%; }
	.grid_3x3:nth-of-type(4) div { float: right; }
	
	.picture { display: block; }					
}
		
@media all and (max-width: 550px) {		
	section.module.parallax.parallax-6 { padding-top: 125px; background: url('../images/sign.jpg') no-repeat; background-size: 100%; height: auto;  }
				
	.grid_3x3 { width: 100%; clear: both; }
	.grid_3x3 h2 { font-size: 1.6em; margin-top: 20px;  }
	.grid_3x3 p { font-size: 1.4em; }			
	.col50 { width:100%; clear: both; }	

	section.module.parallax.parallax-6 { background-size: 200%; }
}
		
@media all and (max-width: 350px) {	
	section.module.parallax.parallax-6 { background-size: 300%; }
								
}	


/* ------------------------------------------------------------------------------------------------- */
/*                               C O N T A C T    S E C T I O N                                      */
/* ------------------------------------------------------------------------------------------------- */
				
.col_1 { width: 100%; padding: 10px 0px; }		
.col_2 { width: 49%; display: inline-block;  }
.col_3 { width: 33%; display: inline-block;  }
.col_4 { width: 24%; display: inline-block;  }
.col_5 { width: 20%; display: inline-block;  }

.flex-row-between { display: flex; justify-content: space-around; }

#footer_links div:hover { box-shadow: 0 0 2px white; background-color: #444; }
				
footer .col_1:nth-child(5) { background-color: #2c2c2c; box-shadow: inset 0 0 20px 1px black; } 

.phone-directory { cursor: pointer; }

.lightContact { display: block; font: 110% 'Abel'; color:#999;  }
.darkContact { display: inline; font: 95% 'Roboto Slab'; }

.iconBox { width: 50%; font-size: 250%; text-align: center; padding-right: 10px; }		
		
.orgName { font: 300% 'Robato Slab'; }		
.orgMotto { font: 250% 'Abel'; font-weight: 700; text-transform: uppercase; color: #000; text-shadow: 0px 1px 1px #4d4d4d; }		
		
footer { background-color: #222; color: white; border-top: 8px solid white; position: relative; padding: 0px; text-align: center; } 
footer a { color: white; text-decoration: none; font-size: 125%; padding: 10px 10px; border-radius: 0px; display: block; width: 100%; height: 100%; }		
		
footer hr { color: black; border-color: #444; margin: 0px 2px; }

.disclaimer { height: 40px; background-color: firebrick; border-top: 8px solid white; color: white; text-align: center; font-size: 125%; } 

@media all and (max-width: 955px) {	
	.col_4 { width: 49%; }	
				
	.orgName { font-size: 200%; }
	.orgMotto { font-size: 160%; }
	
	.lightContact { font-size: 100%; }
	.darkContact { font-size: 110%; }
				
	#footer_links div { text-align: center;  }
}
			
@media all and (max-width: 550px) {			
	.col_4 { width: 100%; border-bottom: 1px dashed #444; padding: 10px 0px; }	
	
	#footer_links div:last-of-type { border: none; }
	#footer_contact div:last-of-type { border: none; }			
	
	.orgName { font-size: 250%; }
	.orgMotto { display: none; }
	
	#footer_links div { text-align: center; padding-left: 0; }
	footer a { display: block; width: 100%; height: 100%;  }	

	.disclaimer { font-size: 100%; height: 60px; }
}
			
@media all and (max-width: 350px) {	
						
}	


/* ============================================================
 MEDIA QUERIES
============================================================ */
@media all and (max-width: 1050px) {
	 .section_heading { font-size: 2em; padding: 40px 0px; width: 100%; text-align: center; }
	 .heading_container { padding: 40px; }	 
	 
	 section.module.parallax {
	  height: 800px;
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
    
    .info_container { top: 56.5%; font-size: 175%; }  
    #fixed_nav li { font-size: 100%; }
    .default_top { position: absolute; top: 752px; }
    
    section.module.parallax-3  { height: 1100px; }
    section.module.parallax-4  { height: 1100px; }
  

	 h2 {
	  margin-bottom: 25px;
	  font-family: "Abel", "Roboto Slab", serif;
	  font-size: 200%;
	  font-weight: normal;
	  border-bottom: 3px solid red;   
	  display: inline-block; 
	}	
}

@media all and (max-width: 550px) {	
	 .section_heading { font-size: 2em; padding: 10px 0px; width: 100%; text-align: center; }
	 .heading_container { padding: 10px; }	
    
      section.module.parallax-4  { height: 860px; }
    
     .info_container { top: 35%; font-size: 150%; padding: 50px; }
     #fixed_nav { white-space: normal; line-height: 2em; }
     #fixed_nav li { font-size: 100%; overflow: hidden; height: 90px;  padding: 10px 10px; word-wrap: break-word; }
    .default_top { position: absolute; top: 712px; }
    
	 
	 h2 {  text-align:  center; font-size: 165%;  }
	 p { font-size: 140%; } 	
     #pointer { display: none; }
}

@media all and (max-width: 400px) {	
	#fixed_nav li { font-size: 90%; overflow: hidden; height: 90px;  padding: 4px 4px; word-wrap: break-word;  }	    
}		

/* RANDOMS */

.alertify .ajs-header {
    color: black;
    font-weight: bold;
    background: #fafafa;
    border-bottom: #eee 1px solid;
    border-radius: 2px 2px 0 0;
}