div.topabout {
	font-size:0.8em;
	background-color:rgb(0,0,0,0.7);
	color:#fff;
	text-align:center;
	padding:20px;
	position:absolute;
	top:62px;
	left:0;
	right:0;
	}

img.newmap { 
	max-height: 50vh; 
	opacity: .5; 
	margin-top: 180px;
	max-width: 75%;
}

center.tagline {
	margin-top: -100px;
	}

center.tagline img {
	position: relative;
	z-index: 99;
	max-width: 50%;
	}

div.mid { 
	background-color: #fff; 
	color: #333; 
	margin-top: 0 !important; 
	margin-bottom: 0 !important; 
	padding: 20px 0 40px 0;
	}

h1.orgname { 
	color: #333; 
	}
	
div.about { 
	padding: 0;
	min-height: auto !important;
	position: relative;
	}
	
div.hiw {
	width: 100% !important;
	min-height: auto !important;
	margin-left: 0 !important;
	}
	
img.hiwB:hover{
	transition: filter 0.4s, transform 0.4s;
	filter: invert(1);
	transform: scale(1.1, 1.1);
}

.pathway { 
	position: absolute;
	top: 150px; 
	object-fit: cover;
	width: 5%;
}

#path06 { left: calc(21% + 140px); height: 200px; }
#path05 { left: calc(41% + 140px); height: 200px; }
#path10 { left: calc(60% + 135px); width: 5%; top: 200px;}

#footnav { background-position: center center; }

/* YOUTUBE */

.vcc { max-width: 1300px; width: 100%; background-color: pink; border: 2px solid #fff; }
.video-container { position: relative; padding-bottom: 56.25%; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/* GALLERY */

div.featuredCam { background-size: cover; background-position: center center; }
#galA { background-image: url('../img/gallery/1.png'); } 
#galB { background-image: url('../img/gallery/2.png'); } 
#galC { background-image: url('../img/gallery/3.png'); } 
#galD { background-image: url('../img/gallery/4.png'); } 
#galE { background-image: url('../img/gallery/5.png'); } 
#galF { background-image: url('../img/gallery/6.png'); } 
#galG { background-image: url('../img/gallery/7.png'); } 
#galH { background-image: url('../img/gallery/8.png'); } 

/* TESTIMONIALS */

#carousel {
position: relative;
width:80%;
margin:-20px auto 0 auto;
}

#slides {
overflow: hidden;
position: relative;
width: 100%;
height: 250px;
}

#slides ul {
list-style: none;
width:100%;
height:250px;
margin: 0;
padding: 0;
position: relative;
}

 #slides li {
width:100%;
height:250px;
float:left;
text-align: center;
position: relative;
font-family:lato, sans-serif;
}
/* Styling for prev and next buttons */
.btn-bar{
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 80px;
	left: -110px;
	right: -110px;
}

 #buttons {
width: 100%;
}

#buttons a {
text-align:center;
display:block;
font-size:50px;
float:left;
outline:0;
margin:0 60px;
color:#b14943;
text-decoration:none;
display:block;
}

a#prev { float: left; }
a#next { float: right; }

a#prev:hover, a#next:hover {
color:#000;
}

.quote-phrase, .quote-author {
font-family:sans-serif;
font-weight:300;
display: table-cell;
vertical-align: middle;
padding: 5px 20px;
font-family:'Lato', Calibri, Arial, sans-serif;
}

.quote-phrase {
height: 200px;
font-size:24px;
font-style:italic;
text-shadow:.5px 0px #b14943;  
}

.quote-marks {
font-size:30px;
padding:0 3px 3px;
position:inherit;
}

.quote-author {
font-style:normal;
font-size:20px;
color:#b14943;
font-weight:400;
height: 30px;
width: calc(100% - 40px);
text-align: center;
display: block;
}

.quoteContainer, .authorContainer {
display: table;
width: 100%;
}

/* HIRES DESKTOP */
@media screen and (min-width: 1801px) and (max-width: 6000px){
	div.topabout { top: 85px; }
	img.hiwB { width: 20%; margin-top: 10px; margin-bottom: 10px; }
	#mapmapmap { background-size: cover !important; }
}

/* LARGE DESKTOP */
@media screen and (min-width: 1250px) and (max-width: 1800px){
	div.topabout { top: 85px; }
	img.hiwB { width: 20%; margin-top: 10px; margin-bottom: 10px; }
	#mapmapmap { background-size: cover !important; }
}

/* DEFAULT DESKTOP */
@media screen and (min-width: 981px) and (max-width: 1249px){
	div.topabout { top: 62px; }
	img.hiwB { width: 20%; margin-top: 10px; margin-bottom: 10px; }
	#mapmapmap { background-size: cover !important; }
	#path06 { left: calc(20% + 140px); height: 140px; }
	#path05 { left: calc(40% + 140px); height: 140px; }
	#path10 { left: calc(59% + 135px); width: 5%; top: 140px;}
}

/* TABLET PORTRAIT */
@media screen and (min-width: 768px) and (max-width: 980px){
	div.topabout { top: 52px; }
	img.hiwA { width: 80px; }
	#mapmapmap { background-size: 100% !important; height: 400px !important; background-attachment: scroll !important; }
	#path06 { width: 10%; left: 45%; height: 140px; }
	#path05 { width: 14%; left: 43%; top: 55vh; height: 140px; transform: rotate(155deg); display: none; }
	#path10 { width: 10%; left: 45%; top: 70vh;}
}

/* HANDHELD LANDSCAPE */
@media screen and (min-width: 480px) and (max-width: 767px){
	div.topabout { top: 62px; }
	#midcontent { padding-top: 0 !important; }
	#mapmapmap { background-size: 100% !important; height: 200px !important; background-attachment: scroll !important; }
	#path06 { width: 10%; left: 45%; height: 140px; }
	#path05 { width: 14%; left: 43%; top: 55vh; height: 140px; transform: rotate(155deg); display: none; }
	#path10 { width: 10%; left: 45%; top: calc(60vh - 70px);}
}

/* HANDHELD PORTRAIT */
@media screen and (min-width: 0px) and (max-width: 479px){
	#midcontent { padding-top: 100% !important; }
	#mapmapmap { background-image: url("../img/map3-m.png") !important;background-size: cover !important; height: 200px !important;  }
	#path06 { display: none; }
	#path05 { display: none; }
	#path10 { display: none; }
}
