@import url('https://fonts.googleapis.com/css2?family=Aboreto&family=Mrs+Saint+Delafield&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html {
	overflow-y: scroll; 
}

*{
	margin:0;
	padding:0;
}

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;		
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	}

 body {
	/*background-image: url('../images/.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;*/
	/*background: linear-gradient(0deg,rgba(190, 216, 216, 1) 0%, rgba(235, 219, 200, 1) 100%);*/
	background-color: #dedad7;	
	height: 100%;
	}
 
	h1, h2, h3{
	text-align: center;
	font-family: "Aboreto", system-ui;
	font-weight: 400;
	font-style: normal;
	font-size: 2.6em;
	}
	
	p{
	font-family: "Open Sans", sans-serif;
	
	}	
	
	ul, ol, p, dl{
	margin: 0;
	list-style:none;
	}

	a {
	color: inherit;
	text-decoration: none;
	-moz-transition: background-color 0.20s ease-in-out, color 0.20s ease-in-out, border-bottom-color 0.20s ease-in-out;
	-webkit-transition: background-color 0.20s ease-in-out, color 0.02s ease-in-out, border-bottom-color 0.20s ease-in-out;
	-o-transition: background-color 0.20s ease-in-out, color 0.20s ease-in-out, border-bottom-color 0.20s ease-in-out;
	-ms-transition: background-color 0.20s ease-in-out, color 0.20s ease-in-out, border-bottom-color 0.20s ease-in-out;
	transition: background-color 0.20s ease-in-out, color 0.20s ease-in-out, border-bottom-color 0.20s ease-in-out;
	}
	
	a:hover{
	color: #fff;
	text-decoration: none;
	}

/*********************************************************************************/
/* wrappers                                                  */
/*
********************************************************************************/
#logo-wrapper{	
	margin: 0 auto;
	}	

#nav-wrapper{	
	margin: 0 auto;
	}	
	
#feature-wrapper{
	margin: 0 auto;	
	}
	
#content-wrapper{
	margin: 0 auto;	
	}
	
#footer-wrapper{
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
	}
	
	
/*********************************************************************************/
/* logo                                                                   */
/*********************************************************************************/	
#logo { 
text-align: center;
padding-top: 1.5em;
padding-bottom: 1.5em;
}	

/*********************************************************************************/
/* nav                                                                   */
/*********************************************************************************/

	nav {
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;	
	z-index:12;		
	/*box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);*/
	}	
	
	nav ul {
	max-width: 100%;		
	text-align: left;
	background-color: #88acac;
	opacity: 1.0;
	border-bottom-style: solid;
	border-width: 0em;
	margin-left: 10%;
	}
	
	nav li { 
	display: inline-block;		
	vertical-align: middle;	
	padding: 0.5em;
	font-family: "Aboreto", system-ui;
	font-weight: 400;	
	opacity: 1;
	font-size: 1.2em;
	line-height: 2.0em;
	color: #dedad7;	
	letter-spacing: 0.3em; 
	/*text-transform: uppercase;*/
	}	
	
	nav li:hover{
	color: #fff;
	opacity: 1.0;
	text-decoration: none;
	letter-spacing: 0.3em; 
	-moz-transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;
	-webkit-transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;
	-o-transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;
	-ms-transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;
	transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;	
	}


/*********************************************************************************/
/* feature image                                                 */
/*********************************************************************************/		

	#feature{
	top: 0;
	left: 0;
	margin-bottom: 0;		
	text-align: center;	
	max-width: 100%;	
	background-position: center center;
	background-size: cover;
	background-repeat: no repeat;	
	}	
	
	
	
/*********************************************************************************/
/* main text classes                                                */
/*********************************************************************************/		
		
	.intro {  
	text-align: left;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 1.15em;
	line-height: 1.60em;	
	color: #808080;
	margin-bottom: 2em;
	/*margin-left: 0.5em;*/	
	}
	
	
	/*.form-intro {  
	text-align: left;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 1.20em;
	line-height: 1.80em;	
	color: #9f9f9f;
	margin-left: 0.25em;
	margin-bottom: 1em;
	/*margin-left: 0.5em;	
	}*/

	
	.quote{
	text-align: left;	
	font-family: "Aboreto", system-ui;
	font-weight: 400;		
	font-size: 1.4em;
	line-height: 2.0em;	
	color: #808080;	
	margin-bottom: 1em;	
	letter-spacing: 0.3em; 
	}

	.center {  
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 1.20em;
	line-height: 1.80em;	
	color: #9b948a;
	margin-bottom: 1em;
	/*margin-left: 0.5em;*/	
	}
	
	.entry{
	text-align: left;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	color: #9f9f9f;
	font-size: 1.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;	
	letter-spacing: 0.75em;
	text-transform: uppercase;
	}
		
	.oblique{
	font-family: "Open Sans", sans-serif;
	font-weight: 300;		
	color: #9f9f9f;
	font-style: oblique;
	}	
	
	.bold {  
	text-align: left;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.20em;
	line-height: 1.80em;	
	color: #9f9f9f;
	margin-bottom: 1em;
	}	
	
	.sig{
	font-family: "Mrs Saint Delafield", cursive;
	font-weight: 400;
	font-style: normal;
	font-size: 2.6em;	
	color: #9f9f9f;
	text-align: left;
	}
	
	

	
/*********************************************************************************/
/* main container                                                         */
/*********************************************************************************/

#content{
width: 100%;
}

#container{
width: 100%;
}
	.container {
	width: 100%;	
	position: relative;	
	}
	

/*********************************************************************************/
/* welcome styles                                                         */
/*********************************************************************************/
	#welcome {	
	max-width: 80%;	
	margin-left: 10%;
	text-align: center;
	padding-top: 2em;	
	padding-bottom: 2em;
	background-color: inherit;	
	}

/*********************************************************************************/
/* image settings                                                            */
/*********************************************************************************/	
	
	.feature-image{
	display: inline;
	margin: 0 auto;		
	max-width: 100%;
	}
		
	.border{	
	/*background: #cccccc;*/ 
	/*display: inline-block;*/
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05);			
	margin: 0 auto;		
	max-width: 100%;
	vertical-align: middle;
	padding: 0.25em;	
	}
	
	.thumb{	
	margin: 0 auto;		
	max-width: 100%;
	vertical-align: middle;
	padding: 0.75em;
	opacity: 0.90;
	-moz-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-webkit-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-o-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-ms-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	}
	
	
	.thumb:hover{	
	margin: 0 auto;		
	max-width: 100%;	
	padding: 0.75em;
	opacity: 1;
	-moz-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-webkit-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-o-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-ms-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	}
	
	.image-caption{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 0.85em;
	font-weight: 300i;
	font-style: oblique;	
	}


/*********************************************************************************/
/* links, lists & underline classes                                                             */
/*********************************************************************************/	
	.link{
	color: inherit;
	font-weight: 300;	
	border-bottom: 1px dotted #777;
	}

	.link:hover {
	color: #fff;
	font-weight: 300;
	-moz-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-webkit-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-o-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-ms-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	border-bottom: 1px dotted #777;
	}	
		
#ul{
padding:0;
}

#hr {
}
	.dotted{		
	vertical-align: top;
	border-bottom: 0.15em dotted #ba8508;
	padding-top: 0.75em;
	margin-bottom: 1.5em;
	width: 20%;
	text-align: center;
	}	
	
	.solid{
	text-align: center;
	width: 100%;
	border-bottom-style: solid;
	border-width: 0.05em;
	border-color: rgba(255, 255, 255, 0.25);
	margin-top: 2em;
	margin-bottom: 3em;
	}

	

/*********************************************************************************/
/* map classes                                                             */
/*********************************************************************************/	
#map{
	margin:0 auto;
	background-color:  #88acac;
	opacity: 0.50;
	-webkit-filter: grayscale(20%); /* Safari 6.0 - 9.0 */
	filter: grayscale(20%);
	padding: 0;
	border: 0;
	margin: 0;
}


/*********************************************************************************/
/* footer styles                                                                       */
/*********************************************************************************/


	#footer {
	padding-top: 0em;
	padding-bottom: 0em;
	background-color:  #88acac;
	border: none;
	min-height: 2em;
	}
	
	.footer{
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 0.8em;
	line-height: 1.80em;	
	color: #808080;
	padding: 1em;
	text-transform: uppercase;
	}
	
	.media{
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	color: #808080;
	font-size: 2em;
	padding: 0em;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	
	}
	
	.media a:hover{
	color: #fff;
	}
	
	.right{
	text-align: right;
	}