/* ==================================.nav
C-C-C Family Assn. - 3rd generation website
-------------------------------------
Fonts: Raleway & Open Sans
-------------------------------------
Colors:
Tan Hide:       	#f79256
Raw Sienna:			#c86e41
Colonial White:		#fee9ba
Water Leaf:			#a5edde
Patina:				#5ea089
Baby Blue:			#deffff
Hippie Blue:		#6590b5
White:				#fff
Black:				#000
====================================*/
.w3-tan-hide {
	color:#f79256!important;
}
.w3-raw-sienna {
	color:#c86e41!important;
}
.w3-dark-unk {
	color:#99492b!important;
}
.w3-colonial-white {
	color:#fee9ba!important;
}
.w3-water-leaf  {
	color:#a5edde!important;
}
.w3-patina {
	color:#5ea089!important;
}
.w3-baby-blue {
	color:#deffff!important;
}
.w3-hippie-blue {
	color:#6590b5!important;
}
.w3-blue-unk {
	color:#12316a!important;
}
/*===================================*/
/*       New color definitions
/*===================================*/
.w3-theme {
	color: #000 !important;
	background-color: #fcc687 !important;
}
.w3-theme-light {
	color: #000 !important;
	background-color: #ffe585 !important;
}
.w3-theme-dark {
	color: #fff !important;
	background-color: #994926 !important;
}
.w3-theme-2 {
	color: #000 !important;
	background-color: #a5edde !important;
}
.w3-theme-2light {
	color: #000 !important;
	background-color: #bdfff6 !important;
}
.w3-theme-2dark {
	color: #fff !important;
	background-color: #3f725b !important;
}
.w3-theme-3 {
	color: #000 !important;
	background-color: #96bdde !important;
}
.w3-theme-3light {
	color: #000 !important;
	background-color: #deffff !important;
}
.w3-theme-3dark {
	color: #fff !important;
	background-color: #0f2860 !important;
}
/* ==================================
html, body
====================================*/
html,
body {
	height: 100%;
}
body {
	color: #212226;
}
*{
	box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Raleway", sans-serif;
	text-align: center;
}
.w3-lobster {
	font-family: "Lobster", Sans-serif;
}
.citation {
	font-family: "Marcellus SC", small caps;
	font-weight: 700;
	font-size: 15px;
}
p {
	text-align: justify;
}
/* ==================================
Preloader
====================================*/
#preloader {
	background-color: white;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
#status {
	background-image: url("../images/preloader/preloader.gif");
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -35px;
	margin-left: -35px;
}
/*=========================================
/*     Title Bar at Top
/*=========================================*/
/*#title-panel{
	position: absolute;
	top: 0px;
	left: 15px;
	background-image:url('../img/ccc.jpg');
	background-repeat: yes;
	height: 70px;
	width: 98%;
	border:3px #5ea089 solid;
	background: cover;
	color: #5ea089;
	text-align: center;
	/*padding: 0;*/
	/*margin-left:20px;
	
	/*margin-top:0;*/
	/*z-index:20;
}*/
#title-panel{
	position: fixed;
	background-image:url('../images/ccc.jpg');
	background-repeat: yes;
	height: 70px;
	width: 100%;
	border:3px #5ea089 solid;
	background: cover;
	color: #5ea089;
	text-align: center;
	padding: 0;
	margin-left:0px;
	margin-top:0px;
	z-index:25;
}
#title-bar-2 {

	font-family: "Perpetua", "Times New Roman", serif;
	font-size: 3.3vw;
	line-height: 35px;
	font-weight: 500;
	/*margin-top: 10px;*/
	margin-top: -50px;
	margin-left: 125px;
	text-align: center;
	
	z-index: 30;
}
#ccc-logo {
	height:56px;
	width:112px;
	border:3px solid #5ea089;
	margin:5px 0 0 5px;
}

/*=========================================
/*     Breadcrumb
/*=========================================*/
.container-breadcrumb-lw {
	position: fixed;
	border-left: 31px black solid;
	border-bottom:1px black solid;
	background-color:#f8f8f8;
	color: white;
	height:26px;
	/*font-size: 25px;*/
	margin-top: 97px;
	margin-left: -35px;
	margin-right: -60px;
	width: 100%;
	/*max-width:1100px;*/
	padding-bottom:10px;
	z-index: 29;
	
}
.breadcrumb {
	margin-left: -40px;
	margin-top: -5px;
	height: 28px;
	padding: 0;
}
.bc-btn-40 {
	margin-top: 0px;
	margin-left: -15px;
	width: 40px;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}
#bc-wrapper {
	margin-top: -7px;
	margin-left: 0px;
	padding: 0;
}
.bc-btn-40:hover {
	text-decoration-color: white;
}
.bc-btn-40 {
	transition-duration: .5s;
}
.bc-btn {
	margin-top: -3px;
	margin-left: 5px;
	color: white;
	width: auto;
	font-size: 12px;
	padding: 2px 0px 0px 2px;
}

.bc-btn:hover {
	text-decoration-color: white;
}
.bc-btn {
	transition-duration: .5s;
}

/* ===================================
Navigation
====================================*/
/*#navbar01 {

	position: relative;
	display: block;
	width: 90%;
	max-height: 75px;
	margin-top: 0px;
	margin-left: 70px;
	
	padding: 0;
	/*border:3px blue  solid; */
/*}*/
/*#nav-buttons {
	display:inline-block;
	padding:0 0 0 0;
	margin: 5px 0 0 0;
}*/
.nav-btns {
	display:inline-block;  /* Set to none to turn off all but Home button. */
	margin:-2px 0px 0px -40px;
	font-size: 17px;
	padding-bottom:10px;
	list-style-type: none;
}
.white-nav-top #navbar01 {
	margin-top: 10px;
	margin-left:10px;
	
	width: 80%;
}
.navbar-header {
	position: relative;
	/*width: 100%;
	height: 75px;
	margin-top: 60px;
	z-index: 9;*/
}
.navbar {

	padding: 0;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#navbar01 ul.navbar-nav > li > a {
	font-family: "Raleway", sans-serif;
	color: white;
	/*position: relative;
	display: block;*/
	word-spacing: 3px;
	line-height: 20px;
	font-size: .9vw;
	font-weight: 400;
	text-transform: uppercase;
	list-style-type: none;
	margin: 10px 0 0 0px;
	padding: 0 10px 0 3px;
}
#navbar01 ul.navbar-nav > li > a:hover,
#navbar01 ul.navbar-nav > li > a:focus {
	background: none;
	cursor: pointer;
	color: #c86e41;
}
#navbar01 ul.navbar-nav > li > a:hover,
#navbar01 ul.navbar-nav > li > a:focus {
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.white-nav-top #navbar01 ul.navbar-nav > li > a {
	color: black;
	font-size: 0.9vw;
	font-weight: 400;
	word-spacing: 3px;
}
.white-nav-top #navbar01 ul.navbar-nav > li > a:hover,
.white-nav-top #navbar01 ul.navbar-nav > li > a:focus {
	background: none;
	cursor: pointer;
	font-weight: 600;
	color: #c86e41;
}
.white-nav-top #navbar01 ul.navbar-nav > li > a:hover,
.white-nav-top #navbar01 ul.navbar-nav > li > a:focus {
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.site-nav-wrapper {

	width: 90%;
	height: 80px;
	margin: 60px -50px 0 0px;
	padding: 0 0px;
	z-index: 20;
}
.white-nav-top .site-nav-wrapper {
	margin: -20px 0px 0px 100px;
	padding: 0;
}
.navbar-brand {
	/*z-index: 9;
	/*border: 4px blue dotted;*/
	/*position: relative;
	width: 100px;
	height: 60px;
	margin-left: -60px;
	margin-top: 10px;*/
	padding: 10px 10px;

}

.white-nav-top > ul.navbar-nav > li > a {
	/*font-family: "Raleway", sans-serif;*/
	/*text-decoration-color: red;*/
	color: black;
	margin-left: 80px;
	margin-right: -120px;
	margin-top: -100px;
	line-height: 15px;
	font-size: 1.0vw;
	font-weight: 500;
	text-transform: uppercase;
	margin: 5px 0px 0 0;
	padding: 0 10px 0 0;
}
/*ul.navbar-nav > li > a {
font-family: "Raleway", sans-serif;
color: white;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {
background: none;
/*word-spacing: 3px;
font-size:1.0vw;
font-weight:600;*/
/*color: #b05b36;
}
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}*/
/*=================================*/
/* Navbar under Banner */
/*=================================*/
#nav-bar-wrapper {
	display:block;
	position: fixed;
	width: 100%;
	border-bottom: 1px black solid;
	border-right:0;
	margin-top: -5px;       /* was -4px; but it was actually under the main title */
	height: 27px;
	/*margin-right: 255px;*/
	/*margin-right: 350px;*/
	z-index: 18;
}
.w3-bar-item {  /*This affects breadcrumb */
	position: relative;
	margin-bottom: 10px;
	z-index: 30;
}
/*.a.w3-bar-item.w3-round.w3-button.w3-small.w3-padding-small.w3-text-blue.w3-hover-text-white .w3-hover-teal {
	margin-top: 25px;
}*/
#nav-bar-w3 {   /*This affects the menu bar.*/
	position: relative;
	border-bottom: 1px black solid;
	background-color: #fdd091;
	height: 29px;
	margin-top: 73px;
	margin-left:-15px;
	margin-right: -20px;
	margin-bottom: 15px;
	padding-bottom:0px;
	width: 100%;
	z-index: 30;
}
#menu-bars-button {
	position: relative;
	/*border: 2px green solid;
	background-color: yellow;*/
	margin-top:0px;
	margin-left:0px;
	margin-right: 20px;
	/*height: 35px;*/
	z-index: 30;
}
.w3-hover-text-white {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.w3-button-small {
	color: #c86e41;
	border: 1px #5ea089 solid;
}
#demo {
	
	position: relative;
	margin-top: 100px;
	z-index: 30;
}

/*================================
/*   Menu bars (hamburger) controls
/*================================*/
#menu-bars:hover {
	color: bisque;
}

/*#nav-panel {
	position: fixed;
	border:3px solid red;
	margin-top: 140px;
	height: 75px;
	width: 100%;
	
}*/

#menu-container {
	height:74px;
	padding: 10px;
	border: 2px black solid;
}*/
/*===============================
/*   Image & Paragraph controls
/*===============================*/
#article-container {
	text-align: justify;
}
#article-container-about1 {
	text-align: justify;
	display:flex;
	border:2px solid green;
	margin:0px 15px 0 5px;
	padding: 0px;
	z-index: 5;
}
#about-article {
	margin-right: 25px;
}
#main-article {
	text-align: justify;
	font-weight: 500;
	margin-left: 20px;
	margin-right: 30px;
}
#main-article-crest {
	text-align: justify;
	font-weight: 500;
	margin-left: 20px;
	margin-right: 20px;
}
.p125 {
	font-size: medium;
}
p.p125::first-letter {
	font-size: 125%;
}
.p150 {
	font-size: medium;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.w200-b-b {
	width:200px;
	margin:0 auto 0 auto;
	border:thin black solid;
	box-shadow:2px 2px 3px 2px gray;
	border-radius:10px;
}
.margin01 {
	margin:0 15px 0 0;
}
.img-w400-b-b-centered {
	width:400px;
	margin:0 auto 0 auto;
	border:thin black solid;
	box-shadow:2px 2px 3px 2px gray;
	border-radius:10px;
}
.w325-b-b-hover {
	width: 325px;
	border:thin black solid;
	box-shadow:2px 2px 3px 2px gray;
	border-radius:10px;
}
.w325-b-b-hover:hover {
	opacity: 0.7;
	transition-duration: .4s;
}
.img-w400-centered-b-b-hover {
	width:400px;
	margin:0 auto 0 auto;
	border:thin black solid;
	box-shadow:2px 2px 3px 2px gray;
	border-radius:10px;
}
.img-w400-centered-b-b-hover:hover {
	opacity:0.8;
}
.mh750-centered-b-b {
	max-height:750px;
	border:thin black solid;
	box-shadow:2px 2px 3px 2px gray;
	border-radius:10px;
	margin:0 auto 0 auto;
}
.mh600-br10-centered {
	max-height:600px;
	border-radius:10px;
	margin:0 auto 0 auto;
}
.mw1150-centered {
	max-width: 1150px;
	margin:0 auto;
}
.mw720-centered-b-b {
	max-width: 720px;
	margin: 0 auto 0 auto;
	border:thin black solid;
	box-shadow:2px 2px 3px 2px gray;
	border-radius:10px;
}
.w720-centered-b-b-hover {
	width: 720px;
	margin: 0 auto 0 auto;
	border:thin black solid;
	box-shadow:2px 2px 3px 2px gray;
	border-radius:10px;
}
.w720-centered-b-b-hover:hover {
	opacity: 0.8;
}

/*================================
/*   Special controls
/*================================*/
#newsletter-table-container {
	margin:0 auto 0 auto;
	background-color:#99FF99;
	max-width:400px;
	border:thin black solid;
}
#newsletter-table-col-1 {
	max-width:250px;
	margin:0 auto 0 auto;
}
#newsletter-table-col-2 {
	max-width:150px;
	margin:0 auto 0 auto;
}
/*reunion-2019-17*/
#Memorabilia2-image:hover,
#Memorabilia-image:hover,
#CountryMusicHighwayMuseum2-image:hover,
#CountryMusicHighwayMuseum-image:hover,
#ServingLine-PainstvilleLakeStPark-image:hover,
#RamadaInnPaintsville-image:hover,
#NicholasFessenden-BaltimoreHistory-image:hover,
#SaturdayEveningBanquet-image:hover,
#WendellLauth-AmorbachLetter-image:hover,
#FlagOverFtMcHenry-image:hover,
#BestWesternBaltimore-image:hover,
#Noel_Tenney-Speaker:hover,
#ChrislipHollow-image:hover,
#BicentennialInn-image:hover,
#Buckhannon-image:hover,
#NewlyElectedOfficers-image:hover,
#BillBland-Speaker:hover,
#HubbardHouse-image:hover,
#LisaBaker:hover,
#HamptonInn:hover {
	opacity: .6;
	transition-timing-function: ease;
	transition-duration: .5s;
}
#anim-hdg-fourth {
	margin-top: 230px;
}
#anim-hdg-about1 {
	margin-top: 350px;
	margin-left: 10px;
}
/*================================
/*   Carousel controls
/*================================*/
.slideshow-instruction-box {
	border: 2px black solid;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	text-decoration-color: black;
	padding:2px;
	width: 60%;
}
.center-item-lw {
	left: 2%;
}
.carousel {
	width: 60%;
	
}
.carousel-image-lw {
	border-radius:15px;
	border:thin black solid;
	margin:15px auto 0 auto;
	box-shadow:1px 1px 3px 2px black;
	max-height:600px;                 /*Lee Test 1/9/20. Value was 650.  */
	max-width:650px;

}
.carousel-caption-box {
	background-color:khaki;
	max-width:700px; 
	border-radius:5px; 
	border:thin blue solid; 
	box-shadow:1px 1px 3px 2px lightblue; 
	margin:15px auto 15px auto;
}
.carousel-image-lw {
	border-radius:10px;
	border:thin black solid;
	margin:15px auto 0 auto;
	box-shadow:1px 1px 3px 2px black;
	max-height:600px;                 /*Lee Test 1/9/20. Value was 650.  */
	max-width:650px;

}
.carousel-caption-lw {
	max-width:750px;
	margin:-5px auto 15px auto;
	padding:20px 15px 30px 15px;
	text-align:center;
	font-size:large;
}
.carousel-caption-box {
	background-color:khaki;
	max-width:800px; 
	border-radius:15px; 
	border:thin blue solid; 
	box-shadow:1px 1px 3px 2px lightblue; 
	margin:15px auto 15px auto;
}
.carousel-inner-position-lw {
	max-height:8000px;                  /* test 1/9/20. Value was750.  */
	max-width:850px;
	margin:0 auto 0 auto;
}
.p-slideshowinst {
	border:1px black solid;
	font-size: small;
	padding-left: 10px;
	max-width: 775px;
}

/*#menu {
	height: 36px;
	margin-left: -70px;
	padding: 0;
	color: #f79256;
	/*text-transform: uppercase;
}*/
/*#menu > ul > li > {
	padding: 0 2px;
	margin-top: 2px;
}*/
.w3-button {
	font-size: 20px;
	margin-top: 8px;
	padding: 1px 6px;
	width: 30px;
	color: red;
	transition-duration: 0.4s;
	
}
.w3-button:hover {
	background-color: #009eb5;
	text-decoration-color: white;
	transition-duration: 0.4s;
}
.button1 {
	background-color: #fab174;
	font-size: 16px;
	border:1px white solid;
	border-radius: 8px;
	padding: 12px;
}
.button1 {
	transition-duration: 0.4s;
}
.button1:hover {
	background-color: #38cfde;
	border:1px white solid;
	color: white;
}
/* New Top Big Box */
/*#top-big-box {
	/*border:3px red solid;*/
/*}*/

#poem-col-1 {
	width:290px;
	margin-left: 100px;
}
#poem-col-2 {
	width:325px;
}
pre {
	background-color:white;
	padding:0;
	border:none;
	font-family: "Roboto", serif;
	font-size: 15px;
	font-weight: 400;
}

#text-about-2 {
	margin-left: 0px;
	text-align: center;
}
p.p150::first-letter {
	font-size: 150%;
}
p {
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
}
#text-about p {
	margin: 0 auto;
	font-weight: 600;
	text-align: justify;
}
p > .center {
	margin:0 auto 0 auto;
}
.cite {
	font-family: "Marcellus SC", small caps;
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
}
.center-object {
	margin:0 auto 0 auto;
}
section {
	background: none;
	overflow: hidden;
}

hr.med-white {
	border-top: 2px solid white;
}
hr1 .close-gap {
	margin-top: -150px;
}
hr.med-green {
	border-top: 3px solid #5ea089;
	background-color: #fff;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 10;
}

hr.med-black {
	border-top: 2px solid black;
	margin-top: 0px;
}
html {
	scroll-behavior: smooth;
}
.center-text {
	text-align: center;
}


/* ==================================
Home - screen-video
====================================*/
/*====w3 version=======*/
/*#video-screen {
	position: fixed;
	top: 50%;
	left: 50%
	-webkit-transform: translateX(-50%) translateY(-50%;);
	transform: translateX(-50%) translateY(-50%;);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	background: url("../video/church.jpg") no-repeat;
	background-size: cover;
}*/
#home-bg-video {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	background: url("../video/church.jpg") no-repeat;
	background-size: cover;
}
#home-overlay {
	background-color: rgba(0, 0, 0, 0.70);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
#home-content {
	width: 100%;
	height: 100%;
	position: relative;
	margin top: 300px;
	/*display: table;*/

}
.text-center {
	text-align:center;
}
#home-content-inner {
	height: 100%;
	width: 100%;
	position: relative;
	/*margin-top: 300px;*/
	display: block;
	/*vertical-align: middle;*/
}
#home-heading-1 {
	color: #fff;
	font-size: 3.5vw;
	font-weight: 200;
	margin-top: 300px;
	text-transform: uppercase;
	/*vertical-align: middle;*/
	/*text-align: center;*/
}
#home-heading-2 {
	color: #fff;
	font-size: 3.5vw;
	font-weight: 200;
	margin-top: 0;
	text-align: center;
}

#home-text p {
	color: white;
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-weight: 200;
	font-size: 1.4vw;
	margin: 25px auto 30px auto;
}
#home-heading-emphasis {
	color: #b05b36;
	font-weight: 600;
	font-size: 4vw;
}
#about-home-heading-1 {
	color: black;
	font-size: 3vw;
	font-weight: 300;
	margin-top: -40px;
	text-align: center;
	z-index: 0;
}
#about-home-heading-2 {
	color: black;
	font-size: 3vw;
	font-weight: 300;
	margin-top: -40px;
	text-align: center;
}
#about-home-heading-3 {
	margin: -20px auto 100px auto;
	font-weight: 700;
}
/* ==================================
Button
====================================*/
.btn-general {
	font-family: 'Raleway', sans-serif;
	border-radius: 28px;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0 6px;
	padding: 5px 46px 5px 46px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.btn-home {
	color: #fff;
	border: 1px solid #fff;
}
.btn-home:hover,
.btn-home:focus {
	color: #fff;
	background-color: #b05b36;
	border: 1px solid #b05b36;
}
.btn-yellow {
	color: #fff;
	background-color: #b05b36;
	border: 1px solid #fff;
}
.btn-yellow:hover,
.btn-yellow:focus {
	color: #fff;
	background-color: #212226;
	border: 1px solid #212226;
}
.w3-btn-small {
	line-height: 18px;
	color: #c86e41;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#menu-bars {
	margin-right: 50px;
	margin-top: 10px;
}
/* ==================================
Arrow Down
====================================*/
#arrow-down {
	position: sticky;
	left: 47%;
	bottom: 20px;
	color: #fff;
	font-size: 32px;
	width: 32px;
	height: 32px;
	text-align: center;
	margin-left: -16px;
	/*margin-bottom: -100px;*/
	z-index: 20;
}
#arrow-down:hover,
#arrow-down:focus {
	color: #b05b36;
	-webkit-transition: all .5s;
	transition: all .5s;
}
/* ==================================
Arrow Down - end
====================================*/
#vertical-btns {
	background-color: none;
	width: 30%;
	/*height: 100%;*/
	position: fixed;
	top: 150px;
	left: 0;
	z-index: 30;
}
/* ==================================
About 01
====================================*/
#about {
	/*border: 3px yellow solid;*/
	width: 100%;
	margin-left:0;
	padding: 0;
	margin-right: 0px;
}
#about-content-box-lg {
	/*border: 3px red dotted;*/
	margin: 0;
	padding: 0 0 50px 0;
	
}
#div-container-about {
	/*border: 3px gray dotted;*/
	padding-top: 40px;
}
#about-1-page ul {
	margin-left: 100px;
}

/* ==================================
Content Boxes
====================================*/
.content-box-lg {
	padding: 120px 0;
	/*border:medium red dotted;*/
	background-color: white;
	z-index: 2;
}
.content-box-md {
	padding: 100px 0;
	z-index: 2;
}
/* ==================================
Vertical/Horizontal Headings
====================================*/
.vertical-heading h5 {
	color: #b05b36;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	word-spacing: 9px;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: relative;
	top: 80px;
	left: 30px;
}
#vert-hdg {
	margin-left: 200px;
}

/*.horizontal-heading h2,
/*.vertical-heading h2 {
	font-size: 42px;
	
	font-weight: 100;
	line-height: 45px;
	margin:0 0 0 100px;
	
}*/
#about-right p {
	margin-bottom: 30px;
	text-align: justify;
}
#about-bottom-left {
	margin-top: 60px;
	z-index: 15;
}
#about-bottom-left img {
	margin: 0 auto;
	height: 325px;
	width: 400px;
	z-index: 5;
}
.horizontal-heading{
	margin-bottom: 80px;
}
.horizontal-heading h5 {
	font-size: 16px;
	color: #b05b36;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;

}
.horizontal-heading h2 {
	margin: 0;
}
/*=================================*/
/*      About 01
/*=================================*/
#about01 {
	z-index: 2;
}
/* ==================================
About 02 - home
====================================*/
#about-02 {
	background-color: #fff;

}
/*#title01 {
	margin-left:165px;
	margin-top: 0px;
	text-align: left;
	z-index: 30;
}*/
#about-container {
	z-index: 5;
}
.about-item {
	/*background-color: #fff; */
	background-image: url("../images/ccc.jpg");
	background-repeat: yes;
	padding: 50px 30px 30px 30px;
	border-radius: 15px;
	max-width: 450px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .7);
	box-shadow: 0 0 10px rgba(0, 0, 0, .7);
	margin: 0 auto;
	min-height: 425px;
	z-index: 2;
}
.about-item i {
	font-size: 42px;
	margin: 0;
}
.about-item h3 {
	font-size: 24px;
	margin-bottom: 10px;
}
.about-item hr {
	width: 45px;
	height: 3px;
	background-color: #b05b36;
	margin: 0 auto;
	border: none;
}
.about-item p {
	margin-top: 20px;
	text-align: justify;
}
#creed-promo {
	margin-top: 3px;
	font-weight: 500;
	z-index: 0;
}
#creed-subtitle {
	margin-top: -12px;
	font-size: 18px;
	font-weight: 600;
	z-index: 0;
}
/*hover state */
.about-item:hover {
	background-image: none;
	background-color: #b05b36;
	z-index: 0;
}
.about-item:hover i,
.about-item:hover h3,
.about-item:hover p {
	color: #fff;
}
.about-item:hover hr {
	background-color: #fff;
}
/* Smooth transition */
.about-item,
.about-item i,
.about-item hr {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
/* ==================================
Main Content Container - home
====================================*/
#row-main {
	position: relative;
	width: 100%;
	margin: 0;
	padding-bottom:0px;
	background-color: #fff;
	z-index: 5;
}
#row-main-about1 {
	position: relative;
	float: right;
	margin: 100px 35px 0 0;
	padding-bottom:0px;
	background-color: #fff;
	z-index: 5;
}
#main {
	
	min-height:500px;
	margin-top:30px;
}
#main-content {
	clear: both;
	position: relative;
	/*border: 3px blue solid;*/
	padding-top: 40px;
	max-width:100%;
	background-color: white;
	top:-100px;
	padding-bottom:0px;
}
#main-content-about1 {
	
	position: relative;
	border: 3px blue solid;
	padding-top: 40px;
	margin-right: 30px;
	margin-top: 0px;
	background-color: white;
	
	padding-bottom:0px;
	z-index: 20;
}
#main-article {
	position: relative;
	/*max-width: 100%;*/
	margin-left: 30px;
	margin-right: 20px;
	z-index: 8;
}
#main-article-about1 {
	position: relative;
	/*max-width: 100%;*/
	margin-left: 15px;
	margin-right: 40px;
	margin-top: -800px;
	z-index: 8;
}
#intro-home-article {
	background-color: #fff;
	/*border: 3px green solid; */
	text-align: justify;
	z-index: 5;
}
/*#filler-div {
	position: relative;
	border:3px red dotted;
	background-color: none;
	
	height: 200px;
	margin-top: -150px;
	z-index: 20;
}*/
#book-image {
	/*position: relative; */
	float: right;
	/*width: 300px;*/
	z-index: 5;
	padding: 15px;
}
#bookCap {
	
	margin: 5px auto 25px 25px;
	font-weight: 600;
	width: 320px;
}
#bookPic {
	position: relative;
	border: 1px black solid;
	border-radius: 5px;
	box-shadow: 3px 3px 5px 1px #6590b5;
	margin: 60px 50px 20px 20px;
	z-index: 30;
}
.figcaption {
	position:relative;
	font-family: 'Marcellus SC', "Times New Roman", serif;
	background-color: white;
	font-size: 16px;
	line-height: 19px;
	font-weight: 600;
	text-align: center;
	/*margin-top: 520px; */
}
p.p125cap-centered {
	
	margin-top: 10px;
	font-family: 'Marcellus SC', "Times New Roman", serif;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
#medal-crislip {
	/*border: 2px red solid;*/
	max-width: 250px;
}
#medal-para {
	/*border: 2px yellow solid;*/
}
p.p125cap-centered::first-letter {
	font-size: 125%;
	
}
p.p125cap-justified {
	margin-top: 10px;
	font-family: 'Marcellus SC', "Times New Roman", serif;
	font-size: 16px;
	font-weight: 700;
	text-align: justify;
}
.officers {
	float:right;
	margin:25px 20px 10px 15px;
}
#Ned-Wendell {
	max-width: 435px;
	margin-left: 15px;
	padding-left: 15px;
	z-index: 10;
}
/* ===================================
Left Column
====================================*/
#left-nav-col-2-newsletter {
	position:sticky;
	width: 260px;
	/*border: 75px red solid;*/
	margin-top: -1300px;
	/*margin: 50px 0 100px 5px;*/
	float: left;
	z-index: 5;
}

#left-nav-col-2-abt1 {
	position: absolute;
	/*clear: both;*/
	/*display:inline-grid;*/
	width: 260px;
	
	/*border: 2px red solid;*/
	
	}
	/*margin: 50px 0 100px 5px;*/
	#left-nav-container {
		width: 160px;	
	}
		
	z-index: 5;
}
#left-nav-col-2-about2 {
	position:sticky;
	/*display:inline-grid;*/
	/*width: 260px;*/
	width: 260px;
	/*border: 75px red solid;*/
	margin-top: 0px;
	margin-left: 15px;
	/*margin: 50px 0 100px 5px;*/
	float: left;
	z-index: 5;
}
#left-nav-col-2-crest {
	position:sticky;
	display:block;
	/*width: 260px;*/
	width: 260px;
	margin-top: -1100px;
	/*border: 1px red solid;*/
	/*margin: 50*/
	z-index: 5;
}

#left-col-text {
	margin-left: 15px;

}
#left-column-bkgnd {
	position: sticky;
	background-color: #fee9ba;
	padding: 8px;
	/*max-width: 100%; */
	/*float: left; */
	/*margin-top: 10px; */
	border: 3px solid #5ea089;
	z-index: 8;
}
#left-nav-col-2 {
	position:sticky;
	width: 260px;
	/*border: 75px red solid;*/
	margin-top: 200px;
	z-index: 5;
}
#left-nav-col-2-home {
	position:sticky;
	/*display:inline-grid;*/
	/*width: 260px;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: 100px;
	margin-left: 0;
	float: left;
	z-index: 5;
}
#left-nav-col-2-membership {
	position:sticky;
	/*display:inline-grid;*/
	/*width: 260px;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -900px;
	margin-left: 0;
	float: left;
	z-index: 5;
}
#left-nav-col-2-reunion19 {
	position:sticky;
	/*display:inline-grid;*/
	/*width: 260px;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -2000px;
	margin-left: 0;
	float: left;
	z-index: 5;
}
#left-nav-col-2-about-2 {
	position: sticky;
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -1250px;
	float: left;
	z-index: 5;
}
#left-nav-col-2-reunion17 {
	position:sticky;
	/*display:inline-grid;*/
	/*width: 260px;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -1400px;
	margin-left: 0;
	float: left;
	z-index: 5;
}
#left-nav-col-2-reunion15-2 {
	position:sticky;
	/*display:inline-grid;*/
	/*width: 260px;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -800px;
	margin-left: 0;
	float: left;
	z-index: 5;
}
#left-nav-col-2-reunion15 {
	position:sticky;
	/*display:inline-grid;*/
	/*width: 260px;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -2000px;
	margin-left: 0;
	float: left;
	z-index: 5;
}
#left-nav-col-2-contact {
	position:sticky;
	/*display:inline-grid;*/
	/*width: 260px;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -3200px;
	margin-left: 0;
	float: left;
	z-index: 5;
}
#left-nav-col-2-sixth {
	position:sticky;
	/*display:inline-grid;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -625px;
	
	margin-left:  -25px;
	z-index: 5;
}
#left-nav-col-2-fifth {
	position:sticky;
	/*display:inline-grid;*/
	width: 260px;
	/*border: 3px red solid;*/
	margin-top: -1900px;
	
	margin-left:  0px;
	z-index: 5;
}
#left-nav-col-2-fourth {
	position:sticky;
	/*display:inline-grid;*/
	width: 240px;
	/*border: 3px red solid;*/
	margin-top: 375px;
	margin-left: 0px;
	z-index: 8;
}
.mr35 {
	margin-right: 35px;
}
.mt15 {
	margin-top: 15px;
}
.mw250-fr-ml20-mr15 {
	max-width: 250px;
	float: right;
	margin-left: 20px;
	margin-right: 15px;
}
.mw300-fr-ml20-mr15 {
	max-width: 300px;
	float: right;
	margin-left: 20px;
	margin-right: 15px;
}
.mw325-centered {
	max-width: 325px;
	margin: 0 auto 0 auto;
}
.mw720-centered {
	max-width: 720px;
	margin: 0 auto 0 auto;
}
.ml10-mt-10 {
	margin-left: 10px;
	margin-top: -10px;
}
.mt-195 {
		margin-top: -195px;
}
.left-nav-mt-1250 {
	margin-top:-2000px;
}
.left-nav-mt200 {
	/*margin-top:200px;*/
}
/*===================================
/*     Pagination
/*===================================*/
/*#pagination-about1 {
	margin-left: 300px;
}*/
/*===================================
/*     Modal controls
/*===================================*/
.modal-close-button-lw {
	/*float: right;*/
	background-color: lightgreen;
	/*margin-right: 100px; */
	margin:0 auto 0 auto;
	margin-top:5px;
}
.modal-close-button-lw:hover {
	background-color:  #c86e41;
	opacity: .8;
	transition-duration: .4s;
}
.figcaption-modal-w900-r5-justified {
	font-family: "Marcellus SC", small caps;
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	background-color:#a5edde;
	padding:10px;
	text-align:justify;
	border-radius:5px;
	max-width:900px;
	margin:15px auto 0 auto;
}
.modal-image-w900-b-b {
	width:900px;
	border:medium black solid;
	border-radius:10px;
	box-shadow:3px 3px 5px gray;
	margin:0 auto 0 auto;
}
.modal-image-w1100-b-b {
	width:1100px;
	border:medium black solid;
	border-radius:10px;
	box-shadow:3px 3px 5px gray;
}
.figcaption-modal-w1100-r5-centered {
	font-family: "Marcellus SC", small caps;
	font-size:normal;
	background-color:lightgreen;
	padding:10px;
	text-align:center;
	border-radius:5px;
	max-width:1100px;
	margin:15px auto 0 auto;
}
.figcaption-modal-w900-r5-centered {
	font-family: "Marcellus SC", small caps;
	font-size:normal;
	background-color:lightgreen;
	padding:10px;
	text-align:center;
	border-radius:5px;
	max-width:900px;
	margin:15px auto 0 auto;
}
.center-b-b-hover {
	margin: 0 auto 0 auto;
	border:medium black solid;
	border-radius:10px;
	box-shadow:3px 3px 5px gray;
}
.center-b-b-hover:hover {
	opacity: .7;
}
.center-b-b-hover:hover {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.clear-floatl-m20-25-0-50-b-b-hover {
	clear: both;
	float: left;
	margin: 20px 25px 0 50px;
	border:medium black solid;
	border-radius:10px;
	box-shadow:3px 3px 5px gray;
}
.clear-floatl-m20-25-0-50-b-b-hover:hover {
	opacity: .7;
}
.clear-floatl-m20-25-0-50-b-b-hover:hover {
	transition-duration: .4s;
}
#about-text-container {
	margin-left: 50px;
	margin-right: 20px;
}

#crest-box {
	position: sticky;
	/*width: 250px;*/
	max-height: 250px;

	z-index: 8;
}

#crest {
	position: sticky;
	margin: 15px 0px 0 17px;
	z-index: 8;
}

#crest:hover {
	opacity: 0.5;
	/*=================================*/
	/*transition: 500ms; */
	/*=================================*/
}

#crest {
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


.center-font110pct {
	margin: 0 auto 0 auto;
	font-size: 20px;
}

.crest-overlay {
	position: relative;
	/*max-width: 160px;*/
	margin-top: 25px;
	margin-left: 0;
	background-color:rgba(0,0,0,.9);
	z-index: 8;

}

.x-small {
	font-size: 13px;
	line-height: 16px;
}


#sb-container {
	border:1px #6590b5 solid;
	position: fixed;
	border-radius: 5px;
	width:250px; 
	height: 54px;
	background-color: #fff8c9;
	padding:4px; 
	right: 0px;
	margin-top: 69px;
	z-index: 30;
}
#search-box {
	
	margin-top:-4px;
	margin-right:0px;
	padding-right: 0px;
	border: 2px blue solid;
}

/*=================================*/
/* White Navigation for permanent pages */
/*=================================*/
/*.white-nav-top-p {
	background-color: #f8f8f8;
	max-height: 130px;

	/*background-color: darkgray;*/
	/*padding: 0;
	-webkit-box-shadow: 0 8px 6px -9px #999;
	box-shadow: 0 8px 6px -9px #999;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
	z-index: 10;
}

.white-nav-top-p ul > li > a {
	/*background-color: #212226;*/
	/*position: relative;
	display: block;
	color: #12316a;
}

.white-nav-top-p ul.navbar-nav > li > a:hover,
.white-nav-top-p ul.navbar-nav > li > a:focus {
	text-decoration-color: #b05b36;

	font-weight: 700;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
/*.about-nav-top {

/*background-color: darkgray;*/
/*padding: 0;
-webkit-box-shadow: 0 8px 6px -9px #999;
box-shadow: 0 8px 6px -9px #999;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
z-index: 10;
}
.about-nav-top ul > li > a {
background-color: #212226;
position: relative;
display: block;
text-decoration-color: #12316a;
}

.about-nav-top ul.navbar-nav > li > a:hover,
.about-nav-top ul.navbar-nav > li > a:focus {
text-decoration-color: #b05b36;

font-weight: 700;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}*/
/*=================================*/
/* White Navigation for permanent pages */
/*=================================*/
/*.about-nav p {
background-color: #f8f8f8;
max-height: 130px;

/*background-color: darkgray;*/
/*padding: 0;
-webkit-box-shadow: 0 8px 6px -9px #999;
box-shadow: 0 8px 6px -9px #999;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
z-index: 10;
}*/

/*.about-nav p ul > li > a {
/*background-color: #212226;*/
/*position: relative;
display: block;
color: #12316a;

}*/

/*.about-nav p ul.navbar-nav > li > a:hover,
.about-nav p ul.navbar-nav > li > a:focus {
text-decoration-color: #b05b36;

font-weight: 700;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}*/

/* ===================================
Mobile Menu
====================================*/
/* See responsive.css for mobile menu





/* Scroll spy active state */
.white-nav-top ul.navbar-nav>li.active>a {
	color: #b05b36;
	font-weight: 500;
}

.sbfont3 {
	font-family: Open Sans, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #c86e41;
}
.sbtext1 {
	color: #13bcd1;
	font-size: 10px;
}
.sbtext3 {
	color: #c86e41;
	font-size: 10px;
}
.sbcolor60 {
	font-family: Open Sans, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #c86e41;
}

#search-btn:hover,
#search-btn:focus {
	background-color: #a5edde;
	color: black;
	font-weight: 400;
	/*-webkit-transition: all 300ms linear;
	transition: all 300ms linear;*/
}
#search-btn:hover,
#search-btn:focus {
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
/* ==============Title Bar=================================================*/

#title-bar {
	clear: both;
	width: 100%;
	height:60px;
	z-index: 10;
}
p.#title-bar::first-letter {
	font-size:125%;
}


#top-level-container {
	background: none;
	
}

#w3-logo-div {
	margin-top: 5px;
}
#w3-logo {
	width: 110px;
	margin-top: 0px;
	border:2px #5ea089 solid;
	
}
#logo-nav-search-panel {
	margin-top: 72px;
	height: 70px;
	position: fixed;
}
#title-div {
	position:fixed;
	top: 0;
	left: 0;
	background-image:url('../img/ccc.jpg');
	background-repeat: yes;
	background: cover;
	padding: 0;

	/*font-size: 50px;
	font-weight:bolder;
	margin: 0;*/

	text-align:center;
	height: 60px;
	color: #3f725b;
	/*border:medium #3f725b solid;*/
	z-index:  30;
}



/*#main-container {
clear: both;
border: 3px red solid;
margin-top: 65px;
}*/

#search-window {
margin-left: 3px;
margin-top: 3px;
}
.font-resp {
	font-size: 1.3vw;
}
.w3-overlay {
	position: fixed;
	display: block;
	width: 100%;
	height: 40%;
	top: 135px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 30;
	cursor: pointer;
}

/* ================================== Vertical/Horizontal Headings ====================================*/
/*.vertical-heading h5 {
	color: #c86e41;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	word-spacing: 9px;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: relative;
	top: 60px;
	left:20px;
	z-index: 5;
}*/
/*.vertical-heading-5 h5 {    /*the -5 signifies 5th generation screen */
	/*color: #5ea089;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	word-spacing: 9px;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: relative;
	top: 60px;
	left:100px;
	z-index: 5;
}*/

/*.vertical-heading h2 {
	margin: 0 0 0 -325px;
}*/

/*.horizontal-heading h2,
.vertical-heading h2 {
	font-size: 32px;
	font-weight: 100;
	line-height: 45px;
	
}*/

#about-right p {
	margin-bottom: 30px;
}
/* Main Content */
#main-content {
	clear: both;
	margin-top:100px;
	padding-bottom:-10px;
	z-index: 1;
}

#title1 {
	font-family: "Marcellus SC", sans-serif;
	font-size: 115%;
}
#about-right-2 {
	text-align: justify;
	margin-left: 300px;
	z-index: 10;

}
#div-bottom-left {
	z-index: 10;
}
#about-bottom-left {
	position: relative;
	margin: 60px auto 10px auto;
	z-index: 5;
}
#our-history {
	text-align: justify;
}
#our-history-box {
	margin-top: 60px;
	margin-left: 50px;
	max-width: 500px;
	max-height: auto;
	background-color: #c6e9f0;
	border: 4px #c86e41 solid;
	border-radius: 10px;
	z-index: 8;
}
#our-history-box i {
	margin: 15px 0px 5px 225px;
	z-index: 10;

}
#our-history-box hr {
	width: 100px;
	height: 3px;
	background-color: #c86e41;
	margin: 5px auto;
	border: none;
}
#our-history-box:hover hr {
	width: 100px;
	height: 3px;
	background-color: #fff;
	margin: 5px auto;
	border: none;

}
#our-history-box:hover,
#our-history-box:focus {
	background-color: #c86e41;
	border: 4px #030303 solid;
	border-radius: 10px;
	text-decoration-color: white;

}
#our-history-box:hover i,
#our-history-box:hover hr,
#our-history-box:hover h2,
#our-history-box:hover p {
	color: white;

}
#our-history-box,
#our-history-box i,
#our-history-box hr,
#our-history-box h2,
#our-history-box p {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
#about-bottom-left img {
	/*position: relative;*/
	max-width: 400px;
	margin: 65px 5px 0 0px;
	border: thin solid black;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px 1px #6590b5;
	box-shadow: 3px 3px 5px 1px #6590b5;
	z-index: 10;
}

#about-bottom-left:hover img {
	opacity: 0.5;

}
#about-bottom-left,
#about-bottom-left img {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
#about-bottom-left .figcaption {
	font-family:"Marcellus SC", "Perpetua SC";
	font-size: 17px;
	margin-top: 10px;
	margin-left: -25px;

	font-weight: 700;
	z-index: 10;
}
#portions-container {
	margin-top: 0px;
	margin-left: 200px;
	margin-right: 35px;
	border: 2px solid red;
	width: 90%;
}
#portions {
	margin-top:100px;
	margin-left: 275px;
	margin-right:-200px;
	/*border: 2px blue solid;*/
}
/*============================*/
/*    slide-in title
/*============================*/

/*#about-left {                 /*for genealogy.html*/
/*	margin-left: 60px;
}*/
#about-left-4 {
	margin-left: 310px;
	margin-top: -200px;
	/*border:2px solid green;*/
}
#about-left-about1 {
	margin-left: 30px;  /* adjust this with responsive-3G later */
	margin-top: -220px;
	height: 130px;
	/*border:2px solid green;*/
}
#vert-hdng-4 {
	margin:-50px 0 0 0;
}
#vert-hdng-about1 {
	margin:-50px 0 0 0;
	
}
  #title01  {                   /*for genealogy.html*/
	margin-left: 120px;
	margin-top: 20px;
	text-align:left;
	z-index: 20;
}
#title01-fourth {
	margin-left: 150px;
	margin-top: 0;
	text-align: left;
	z-index: 20;
}
title01-fifth {-200px;
	margin-top: 0px;
	text-align: left;
	z-index: 20;
}
#title01-about1 {
	margin-left: 150px;
	margin-top: 0px;
	text-align: left;
	height: 100px;
	z-index: 20;
}
/*------------------------------*/
#about-left-2 h5 {
	margin-left: -50px;
}

/*#about-left-2 h2 {
	text-align: left;
	margin-left: 10px;
}*/

.horizontal-heading {
	margin-bottom: 80px; 
}

.horizontal-heading h5 {
	font-size: 16px;
	color: #f79256;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
}

/*.horizontal-heading h2 {
	margin: 0;
}*/
/*============================*/
/*		Left Column
/*============================*/
#left-col-text a:hover {
	color: #99492b;
	font-weight: 800;
}
#left-col-text a:hover {
	-webkit-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
/*============================*/
/*		Modal
/*============================*/
#modal-container-1 {
	position: relative;
	max-width: 900px;
	width: 100%
}
#modal-container-500 {
	position: relative;
	max-width: 500px;
	width: 100%
}
.modal-image-w900-b-b {
	width: 900px;
	border: medium black solid;
	border-radius: 10px;
	box-shadow: 3px 3px 5px gray;
	margin: 0 auto 0 auto;
	display: block;
	/*background-color: rgba(0, 0, 0, 0.7); */
}
.modal-image-w500-b-b {
	width: 500px;
	border: medium black solid;
	border-radius: 10px;
	box-shadow: 3px 3px 5px gray;
	margin: 0 auto 0 auto;
	display: block;
	/*background-color: rgba(0, 0, 0, 0.7); */
}
.modal-caption-900-centered {
	font-size: 20px;
	font-weight: 800;
	max-width: 900px;
	color: black;
	padding: 10px;
	border-radius: 10px;
	text-align:center;
	background-color: #a5edde;
	margin: 0 auto 0 auto;
}
.modal-caption-500-centered {
	font-size: 20px;
	font-weight: 800;
	max-width: 500px;
	color: black;
	padding: 10px;
	border-radius: 10px;
	text-align:center;
	background-color: #a5edde;
	margin: 0 auto 0 auto;
}
.modal-caption-400-centered {
	font-size: 20px;
	font-weight: 800;
	max-width: 400px;
	color: black;
	padding: 10px;
	border-radius: 10px;
	text-align:center;
	background-color: #a5edde;
	margin: 0 auto 0 auto;
}
#modal-close-button {
	position: inherit;
	margin-top: 10px;
	
	
	background-color: #f79256;
	font-weight: 600;
	font-size: 20px;
	float: right;
}

#modal-right-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: .4s ease;
	background-color: none;
}
#modal-close-1 {
	position: absolute;
	top: 16px;
	right: 20px;
	color: black;
	size: 40px;
	z-index: 10;
}
.fa-close:hover {
	color: #f79256;
	/*}
	.fa-close:hover {*/
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
#modal-close-button:hover {
	background-color: #6590b5;
	text-decoration-color: white;
	/*-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;*/
}
#modal-close-button:hover {
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

/*================================*/
/*			Footer
/*================================*/
#footer-container {
	clear: both;
	
	background-color: white;
	/*position: relative; */
	text-align: center;
	margin-top: 800px;
	margin-left: 0;
	padding: 0;
	
	z-index: 8;
}
#footer-container-about1 {
	clear: both;
	position: absolute;
	background-color: white;
	/*position: relative; */
	text-align: center;
	
	padding: 0;
	width: 100%;
	z-index: 8;
}

/*#footer-container > hr {
position: relative;
z-index: 15;
margin-top: 0;
color: green;
} */

#index-copyright-box-div {
	border: thin black solid;
	border-radius: 10px;
	background-color: #e0ffe0;
	position: relative;
	box-shadow: 3px 3px 5px 1px #000;
	max-width: 630px;
	padding: 7px;
	margin-left: auto;
	margin-right: auto;
	z-index: 8;
}

.fineprint {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	margin: 0 auto 0 auto;
	margin-top: -5px;
}

.font145pct {
	font-size: 145%;
}
#about-p1-page {
	margin-left: 400px;
}

.footer-update {
	text-align: left;
	font-size: 12px;
	margin-left: 150px;
	color: black;
}

.footer-motto {
	font-size: 30px;
	font-family: serif;
	text-align: center;
	font-style: italic;
	margin-top: 0;
	color: #000;
}
/*============================*/
/*			Back to Top
/*============================*/
#back-to-top {
	position: fixed;
	background-color: #f79256;
	color: #fff;
	top: 92%;
	left: 90%;
	width: 40px;
	height: 40px;
	z-index: 13;
}
#back-to-top:hover {
	background-color: #6590b5;
	color: #f79256;
}
#back-to-top:hover {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
/* ==================================
Animation
====================================*/
.animate__animated.animate__slideInLeft {
	--animate-delay:2sec;
}

// home animation on page load
$(window).on('load', function(){
$("#home-heading-1").addClass("animated fadeInDown");
$("#home-heading-2").addClass("animated fadeInLeft");
$("#home-text").addClass("animated zoomIn");
$("#home-btn").addClass("animated zoomIn");
$("#arrow-down").addClass("animated fadeInDown infinite");
$("about-heading").addClass("animate__animated animate__slideInLeft");
$("about-home-heading-1").addClass("animate__animated animate__fadeInDown");
$("about-home-heading-2").addClass("animate__animated animate__slideInLeft");
$("about-home-heading-3").addClass("animate__animated animate__zoomIn");
});