@charset "utf-8";
/* CSS Document */
/*Colors*/
/*Golds*/
/*7E5422 dark gold*/
/*A17836 dark gold*/
/*f8e49d light gold/yellow*/
/*c5974a mid-tone gold */
/*Gray*/
/*#363636*/
/*Black*/
/*#131313*/


/*reset*/
body, header, nav, div, section, aside, footer, article{
	width:94%;
	margin: 0 auto;
	padding: 0; 
	font-size: 1em;
	line-height: 1.5em;
	font-family: 'Charmonman', 'Dancing Script', 'Srisakdi', 'Oswald' cursive;
}
body{background-color: #131313;}

/*Fixed Navigation Bar*/
/* Style the navbar */
#navbar {overflow: hidden; width:80%; margin:0 7%; background-color: #131313; opacity: 0.75;}
/* Navbar links */
#navbar a {float: left; font-family:Charmonman, sans-serif; font-size: 1.5em; display: block; color: #c5974a; text-align: center;	padding: 14px; text-decoration: none; font-weight: bold;}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}
/*End Fixed Navigation */


/*Settings for main parts of site*/
/*main body*/
main{
	max-width: 80%;
	height: auto;
	margin: 0 auto;
}
/*header*/
header{width:100%; margin-bottom: 20px; border-bottom:thick double #c5974a;}
header img{width:90%; height:auto; margin:60px 4% 0 5%;}

/* Page content */
#content{width: 100%; height: auto; background-color: #FDF5DB; margin-top: 50px;}
footer{width:100%; background-color:#131313; border-top:thick double #c5974a; margin-top:10px;}

/* text format*/
p{font-weight:bold; color:#EFDEBA; padding: 5px;}
h1{font-size:3em; color:#EAC474;	padding:0px 0px 5px 0px; text-align:center;}
h2{font-size:1.5em; color:#131313;}
h3{font-size:1.5em; color:#EAC474;}
h4 {font-size:1em; color:#7E5422;}
h5 {font-size: 1em; font-style: italic;	font-weight: bold; color: #c5974a;}		
h6 {font-size:.75em; font-weight:bold; color:#c5974a;float: right;}
/*Lists*/
ul {list-style-position: inside; list-style-type: circle;}
li {font-size: 1em; color: #A17836;}
/*decoration*/
hr{width:80%; height:2px; color:#7E5422; margin:8px;}
img {padding: 5px;}
.forced_size{width:90%; height:auto; margin:20px 4% 0 5%;}
.p {display:inline;	color:black;}
.clear {clear:both;}
a:link{color:#c5974a; text-decoration: none;}
span{font-family:Charmonman, sans-serif; color:#c5974a;}
.button a{background-color: #7E5422; border: none; padding: 15px 32px; text-align: center; font-weight: bold; font-size: 16px; margin: 4px 2px; border-radius: 25px; cursor: pointer; color:#EAC474;}
.mobile-btn a{background-color: #7E5422; border: none; padding: 15px 32px; text-align: center; font-weight: bold; font-size: 16px; margin: 10px 2px; border-radius: 25px; cursor: pointer; color:#EAC474;}

/*mid media*/
@media screen and (min-width:480px) and (max-width:780px){
	main{width:100%; height:auto; margin:3px 3px;}
	#menu li{display:block;}
	#content{margin:0;}
	img{width:100%; height:auto;}
	section aside {width:100%; height:150px; border: solid thick green;}
	.show h1{text-align: center; font-size:3em; padding: 20px 0;}
	.inline a:link{font-size:.8em; color:blue;}
	#disclaim {height:auto; margin-bottom:15px; border-bottom: solid thin; border-bottom-color: #15942B;}
	footer{clear:both; width:100%; margin:50px 0 0 50px; border: none;}
}

/*Small media*/
@media screen and (max-width: 479px) {
	#footer{display:none;}
	main{width:100%; height:auto; margin:3px 3px;}
	header img{margin-bottom: 20px;}
	#menu li{display:block; text-decoration:underline;}
	#content{margin:0;}
	img{width:100%; height:auto;}
	aside {width:100%; height:150px;}
	.show h1{text-align: center; font-size:3em; padding: 20px 0;}
	.small{font-size: 1.75em;}
	.inline a:link{font-size:.8em; color:blue;}
	#disclaim {height:auto; margin-bottom:15px; border-bottom: solid thin; border-bottom-color: #15942B;}
	footer{clear:both; width:100%; margin:50px 0 0 50px; border: none;}
	h1{font-size: 2em;}	
    #navbar a{padding:5px;}
}