/*@charset "UTF-8";*/
/* CSS Document */
* {padding: 0;margin: 0;}
@font-face {font-family: interthin;src: local(Inter-Thin-BETA), url('font/Inter-Thin-BETA.ttf') format('opentype');}
@font-face {font-family: interreg;src: local(Inter-Regular), url('font/Inter-Regular.ttf') format('opentype');}
@font-face {font-family: interbold;src: local(Inter-Bold), url('font/Inter-Bold.ttf') format('opentype');}
@font-face {font-family: interlight;src: local(Inter-Light-BETA), url('font/Inter-Light-BETA.ttf') format('opentype');}
@font-face {font-family: blackdia;src: local(blackdiamonds), url('font/blackdiamonds.ttf') format('opentype');}
@font-face {font-family: blacksword;src: local(blacksword), url('font/blacksword.otf') format('opentype');}
@font-face {font-family: Gotham-Light;src: local(Gotham-Light), url('font/Gotham-Light.otf') format('opentype');}
body {
	position:relative;
	/*height:1000vh;*/
	font-family: "Lato", arial, sans-serif;
	font-weight: 300;
	line-height: 1.8em;
	color:#515151;
	background-color:#e5e5e5;}
header {
	position:fixed;
	top:0;
	width:100%;
	background-color:#e5e5e5;}
li {list-style:none;}
a {color:black;text-decoration:none;}
.container {width:1600px;margin:auto;}
.subcontainer {width:85%;margin:auto;}
/*#nameplate {font-size: 36px;margin-top: 30px;}*/
#dmast {margin:0 auto; width:100%; text-align:center; border:0px solid #000;}
	#dlogo {margin:0 auto; width:100%;}
		.ll { 
		border:0px solid #000;
		z-index:100;
		padding-top:50px; /* was 95px */
		padding-left:0px; /* was 130px */
		text-align:center;
		width:100%; /* was 20% */
		font-family:Gotham-Light;
		font-size:65px;
		font-weight:normal;
		display: inline-block;
		transform: scale(1, .80);
		color:#9d9179;}
.navbar {
	width:100%;	
	min-height:50px;
	display:flex;
	justify-content:center;
	align-items:center;}
.nav-branding {
	display:none;}
.nav-menu {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:13px;}
	.nav-link { /* makes the mennu links fade to the other color on hover */
	transition: 0.7s ease;}
	.nav-link:hover {
	color: dodgerblue;}
.hamburger {
	display:none;
	cursor:pointer;}
.bar {
	display:block;
	width:25px;
	height:3px;
	margin:5px 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	background-color:#9d9179;}
/*#home {
	margin-top:123px;
	border:1px solid black;
	height:100vh;}*/
#introimg {
	margin-top:130px;
	/*margin:0 auto;*/
	width:100%;
	height:450px;
	background-color:#333;
	background-image:url(imgs/introimg.jpg); background-repeat:no-repeat; background-size:cover; background-position: center;}

#bann {width:100%;margin:0 auto;font-size:64px;color:#e3e3e3; background-color:#9d9179; padding:45px 0px 45px 0px;text-align:center;
font-family: blacksword;}
	
#dbiosec {width:100%; margin:50px 0px 50px 0px; text-align:center;}
	.dbio {margin:0 auto; font-size: 16px; width:80%; text-align:left; padding:30px;}

#divimg1 {
	margin:0 auto;
	width:100%;
	height:575px;
	background-color:#333;
	background-image:url(imgs/divimg1.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
#divimg2 {
	margin:0 auto;
	width:100%;
	height:450px;
	background-color:#333;
	background-image:url(imgs/divimg2.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
#divimg3 {
	margin:0 auto;
	width:100%;
	height:450px;
	background-color:#333;
	background-image:url(imgs/divimg3.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
	
#dconsid {width:100%; margin:40px 0px 40px 0px; text-align:center;}
	.dct {display:inline-block;margin:0 auto; width:70%; font-size:16px; text-align:center; padding:25px 10px 40px 10px;}
	.dct a {text-decoration:none; color:#000;}
	.dct a:hover {text-decoration:none; color:#9d9179;}

#travsec {width:100%;margin:0 auto;font-size:16px; background-color:#ddd4c3; padding:45px 0px 45px 0px;text-align:center;}
	.traveltextbx {display:block; width:750px; margin:0 auto;margin-bottom:5px; line-height:1.5em;}
	.traveltextbx a {text-decoration:none; color:#515151; font-weight:bold;}
	.traveltextbx a:hover {text-decoration:none; color:#9d9179;}	

#statsec {width:1000px;margin:0 auto; padding-top:20px;}

#dpics {margin:30px 0px 30px 0px;width:100%;}
	#pf {margin:0 auto; width:80%;}		
	#photos {
	  line-height: 0;
	  -webkit-column-count:5;
	  -webkit-column-gap:5px;
	  -moz-column-count:5;
	  -moz-column-gap:5px;
	  column-count:5;
	  column-gap:5px;}
	#photos img {
	  width: 100% !important;
	  height: auto !important;
	  margin-bottom:5px;}
	  
#dfaq {width:100%; margin:40px 0px 40px 0px; text-align:center;}
	.dfaqct {display:inline-block;margin:0 auto; width:70%; font-size:16px; text-align:center; padding:25px 10px 25px 10px;}
	.simple_jfaq { display: block; }
	.simple_jfaq dt {font-family: "Lato", arial, sans-serif;
		clear: both;
		margin: 0px;
		padding: 0px;}
	.simple_jfaq dt.hover {color:#9d9179;}
	.simple_jfaq dd {
		font-family: "Lato", arial, sans-serif;
		font-style:italic;
		margin: 0px;
		padding: 0px;}	

#dcr {width:100%; margin-top:30px; background-color:#000;}
	.dcopyr {margin:0 auto; padding:50px 0px 50px 0px; width:80%; text-align:center; font-family:interthin; 
	font-size:.9em; color:#ddd4c3; transform: scale(1, .8);}
	.dcopyr a {text-decoration:none; color:#FFF;}
	.dcopyr a:hover {text-decoration:none; color:#ddd4c3;}


/* ----------------- */
@media(max-width:1600px) {
	.container {width:100%;}
}

/* ----------------- */
@media(max-width:1024px) { /* Tablet */
#nameplate {display: none;}
	.navbar {justify-content: space-between; /* use "end" if no nav-branding */}
	.nav-branding {/*font-size:2rem;display: block;margin-top: 5px;*/
	font-family:Gotham-Light;
		font-size:2rem;
		font-weight:normal;
		display: inline-block;
		transform: scale(1, .80);
		color:#9d9179;}
	.hamburger {display:block;}
	.hamburger.active .bar:nth-child(2) {opacity:0;}
	.hamburger.active .bar:nth-child(1) {transform:translateY(8px) rotate(45deg);}
	.hamburger.active .bar:nth-child(3) {transform:translateY(-8px) rotate(-45deg);	}
	.nav-menu {
		position:fixed;
		left:-100%;
		top:50px; /*This moves the fly in menu up or down vertically*/
		gap:0;
		flex-direction:column;
		background-color:#ebebeb;
		width:100%;
		text-align:center;
		transition:0.3s;}
	.nav-item {margin:2px 0;}
	.nav-menu.active {left:0;}
	/*#home {
	margin-top:50px;
	border:1px solid black;
	height:100vh;}*/
	#dmast {display:none;}
	#introimg {margin-top:0px;}
}

@media(max-width:768px){ /* Mobile */

.navbar {display:flex;justify-content: end; /* use "end" if no nav-branding */}
	.nav-branding {/*font-size:2rem;display: block;margin-top: 5px;*/
	margin-left:0px;
		font-family:Gotham-Light;
		font-size:2.7rem;
		font-weight:normal;
		display: inline-block;
		transform: scale(1, .80);
		color:#9d9179;}
		.hamburger {display:block; margin-left:20px;}
		.nav-item {margin:16px 0;}

#introimg {min-width:100%; height:550px; background-position:left; background-image:url(imgs/introimgb.jpg);}

#bann {width:100%;margin:0 auto;font-size:48px;color:#e3e3e3; background-color:#9d9179; padding:45px 0px 45px 0px;text-align:center;
font-family: blacksword;}

#travsec {width:100%;margin:0 auto;font-size:16px; background-color:#ddd4c3; padding:45px 0px 45px 0px;text-align:center;}
	.traveltextbx {display:block; width:80%; margin:0 auto;margin-bottom:5px; line-height:1.5em;}
	.traveltextbx a {text-decoration:none; color:#515151; font-weight:bold;}
	.traveltextbx a:hover {text-decoration:none; color:#9d9179;}

#statsec {width:80%;margin:0 auto; padding-top:20px;}

#photos {
	  -moz-column-count:    2;
	  -webkit-column-count: 2;
	  column-count:         2;}

}