@charset "utf-8";
/* CSS Document */


body p,h1,h2,h3,h4,h5,h6,ul,li,ol,td, div { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; }
body { background-image:url(images/webConcept-bg2.jpg); background-attachment: fixed; background-repeat:no-repeat;  width:100%; height:100%; margin:0; padding:0;}
h1{ color:#71858F; font-size:36px; text-transform:uppercase; }
iframe { background-color:rgba(255, 250, 250, 0.8);}

#topbar{ background-color:#FFF; color:#71858F; -webkit-box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.75);
box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.75); width:100%; height: 50px; z-index:5; position:fixed;}
.inset{width:1024px; margin-left:auto; margin-right:auto; }
.inset-top{width:1024px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; }
#nav {width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; color: white;}
#nav .nav-item { text-decoration: none; position: relative; text-align: center; text-transform:uppercase; padding: 5px 10px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); color:#FFF; font-size:18px; transition: .25s ease-out; }
#nav .nav-item a { text-decoration: none; color: white;}
#nav .nav-item:hover {background-color:rgba(255, 250, 250, 0.5) ;transition: all .4s ease;}
#nav .nav-item .dropdown {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 10px;
	background-color:rgba(255, 250, 250, 0.5);
}
#nav .nav-item .dropdown a {
	text-decoration: none !important;
	color: white;
	font-size: 12pt;
}
#nav .dropdown-holder:hover > .dropdown {
	display: block;
}
.flex {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.col12n {
	width: 50%;
}
.current { background-color:rgba(255, 250, 250, 0.5) ;transition: all .4s ease;}
.contentbox {  background-color:rgba(255, 250, 250, 0.8); -webkit-box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.75);
box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.75); padding:30px;}
.textserif{ font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif; font-size:22px; color:#413B47; }
.button { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:auto; margin-left:auto; margin-top: 20px;}
.quickfacts { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:auto; margin-left:auto; margin-top: 20px; margin-bottom: 5px;}

.mapandfacts { text-align: left; width: 35%; float: left; margin-right: 20px; margin-bottom: 5px; }
.history { float: right; width: 60%; }
.clear { clear: both; }

.buttonsm { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47;    transition: all .4s ease; font-size:16px; padding:5px;}

.icon:hover{}

.quickfacts { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:auto; margin-left:auto; margin-top: 40px; }

.donate{height:300px; width:100%; background:url(images/donate.png) no-repeat; text-align:center;   transition: all .4s ease; background-size:cover; background-position:center; }
.donate:hover { transition: all .4s ease;}
.donate:hover  .donateimage{opacity:0.99; transition: all .4s ease;}
.donateimage {opacity:0.8; transition: all .4s ease; width:90%; height:auto;}
.donatebox {width:32%; display:inline-block; float:left; margin-right: 10px;}
.map{width:65%; display:inline-block; border-left: #399 solid 1px; padding-left:5px;}
.mapcontact {width:100%;}
#contactform {width:66%;}

#contactform input {
background: #F1F1F1;
border: 0px;
margin: 5px;
width: 95%;
padding: 13px;}

#contactform textarea {
background: #F1F1F1;
border: 0px;
margin: 5px;
width: 95%;
padding: 13px;}

.mapimage { background: url("images/CemeteryMap.jpg"); width: 100%; height:250px;  background-size:contain;background-repeat: no-repeat; }

#logo{ background-image:url(images/logo.png); background-repeat:no-repeat; width:100%; background-size:contain; background-position:center; height:161px;  }
.top-text{ text-transform:uppercase; }
.map h1 {-webkit-margin-before: 0em;}
		.donatebox h1 {-webkit-margin-before: 0em;}
		.clear { clear:both;}

@media ( max-width:960px )
{
	.inset{width:100% !important; margin:0px; padding:0px; }
	.inset-top{width:100% !important; margin:0px; }
	.donateimage {opacity:0.99; transition: all .4s ease; width:200px; height:auto; }
	.col12n {
		width: 100%;
	}
	}

@media ( max-width:800px )
{

	#nav a {  padding:10px; margin:5px;  }
}

@media ( max-width:750px )
{
	.donatebox {width:48%; display:inline-block; float:left; margin-right: 10px; }
	.map{width:48%; }

}

	@media ( max-width:650px )
{
		.history { width: 100%; margin-right:15px;}
		.mapandfacts { text-align: left; width: 100%; margin-right:15px; }
.textserif{ font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif; font-size:14px; color:#413B47; }
	#nav a {  padding:5px; margin:2px;  }
	#contactform{width:100%}
	.quickfacts { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:15px; margin-left:auto; margin-top: 5px; }
	.button { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:15px; margin-left:auto; margin-top: 5px; }

}


	@media ( max-width:550px )
{
	.textserif{ font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif; font-size:22px; color:#413B47; }
	.history { width: 100%; margin-right:15px; }
	.map{width:100%; border-left: 0px; padding-left:0px; }
	.donatebox {width:100%; display:inline-block; float:left; margin-right: 0px; }
	#nav a { display: table;}
	.map h1 {-webkit-margin-before: 0.67em;}
	.donatebox h1 {-webkit-margin-before: 0.67em;}
	.quickfacts { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:15px; margin-left:auto; margin-top: 5px; }
	.button { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:15px; margin-left:auto; margin-top:5px; }

	
}

	@media ( max-width:450px )
{
	#logo {height:100px;}

	.quickfacts { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:15px; margin-left:auto; margin-top: 5px; }
	.button { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:15px; margin-left:auto; margin-top: 5px; }
		.top-text{ font-size:10px; }
		.col2{width:100%;}
}

	@media ( max-width:350px )
{
	
	.quickfacts { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:15px; margin-left:auto; margin-top:5px; }
	.button { font-stretch: expanded; text-transform:uppercase; text-decoration:none; color:#EDD7AA; background-color:#413B47; padding:15px 30px 15px 30px;  transition: all .4s ease; font-size:22px; display:block; margin-right:15px; margin-left:auto; margin-top: 5px; }
	.col{width:100%;}
	h1{font-size:28px;}
}

@media ( max-width:300px )
{
	#logo {height:60px;}
.col{width:100%;}
	
}