/*
 * Contact administrator for font license information.
*/
@font-face {font-family: 'Belda-NorReg';src: url('webfonts/3548D8_0_0.eot');src: url('webfonts/3548D8_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3548D8_0_0.woff2') format('woff2'),url('webfonts/3548D8_0_0.woff') format('woff'),url('webfonts/3548D8_0_0.ttf') format('truetype');}
@font-face {font-family: 'Belda-NorRegIt';src: url('webfonts/354948_0_0.eot');src: url('webfonts/354948_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/354948_0_0.woff2') format('woff2'),url('webfonts/354948_0_0.woff') format('woff'),url('webfonts/354948_0_0.ttf') format('truetype');}


* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body{
	background-color: #231e1a;
	font-family: Belda-NorReg, serif; 
	color: #beb297;

	margin: 0;
	padding: 0;
	height: 100%;
}

em {
	font-family: Belda-NorRegIt; 
	font-weight: normal; 
	font-style: italic; 
}

img {
	border: none;
}


a:link, a:visited {
	color: #4fdb84;
	text-decoration: none;
}

a:hover, a:active {
	color: #a3ffc6;
	text-decoration: underline;
	text-shadow: 0 0 8px rgba(79,219,132,100);
}

.nit-box {
	border-image: url('../ui_art/nit_box_main_half.png');
	border-image-slice: 33 fill;
	border-style: solid;
	border-width: 33px;

	width: 100%;

	position: relative;
	left: -33px;
}

.nit-divider {
	border-image: url('../ui_art/nit_divider_main_half.png');
	border-image-slice: 33 33 0 33;
	border-style: solid;
	border-width: 33px;

	width: 100%;

	position: relative;
	left: -33px;
}




@media only screen and (min-width: 1100px) {	/* desktop */

body {
	font-size: 2vw;
}

header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 8000;

    padding-top: 0.5%;
    padding-bottom: 0.5%;
	
	background: rgba(0, 0, 0, 0.4);
	font-size: 1.8vw;
	
}

.p-secondary{
	margin-top: 2vw;
}

	#topnav {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
	}

	#topnav_links {
		text-align: left;
		margin-left: 6%;

		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

		#topnav_links > div {
		    text-align: left;
		    margin-right: 4vw;
		    text-decoration: none;
		}

		a.topnav:link, a.topnav:visited {
			color: #de5f46;
			text-decoration: none;
		}

		a.topnav:hover, a.topnav:active {
			color: #fbb796;
			text-decoration: underline;
			text-shadow: 0 0 8px rgba(222,95,70,100);
		}

	.header1 {
		font-size: 2.6vw;
		color: #f0cc7b;
		text-shadow: -2px 2px 3px #000;
	}

	.header2 {
		color: #8c6345;
		font-size: 2vw;
		text-align: center;
		text-shadow: -2px 2px 3px #000;
	}

	.highlight {
		color: #f0cc7b;
	}

	.content-image-container {
		width: 30%;
		margin-left: 3%;
	}

		.content-image {
			box-shadow: -2px 2px 6px #000;
			max-width: 100%;
		}

		.content {
			font-size: 1.9vw;
			line-height: 2.5vw;
			width: 100%;
		}

		.content-with-image {
			font-size: 1.9vw;
			line-height: 2.5vw;
			width: 67%;
		}
		
	.content-section {
		width: 100%;
	}

		.content-item {
			padding-bottom: 1vw;

			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}

		.content-header {
			width: 100%;
			display: block;
		}

		.content-secondary {
			margin-top: 2vw;
		}

		.miniDate {
			font-size: 1.4vw;
			color: #f0cc7b;
		}

		.miniDate-dim {
			font-size: 1.4vw;
			color: #8c6345;
		}

		.content-cta {
			padding-top: 1.4vw;
			width: 100%;
		}

		.content-header-link {
			font-size: 2.2vw;
			line-height: 3vw;
		}

	.footerContent {
		color: #f0cc7b;
		background: rgba(0, 0, 0, 0.4);
		text-align: center;

		width: 100%;
	}

	.footerContent div {
		padding: 0.6vw;
		font-size: 1.5vw;
		height: 5vw;
	}
}


@media only screen and (max-width: 1099px) {	/* mobile */

body {
	font-size: 3.3vw;
}

header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 8000;

    padding-top: 0.5%;
    padding-bottom: 0.5%;
	
	background: rgba(0, 0, 0, 0.4);
	font-size: 3.3vw;
	
}

.p-secondary{
	margin-top: 4vw;
}

	#topnav {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
	}

	#topnav_links {
		text-align: left;
		margin-left: 6vw;
		margin-right: 6vw;

		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

		#topnav_links > div {
			font-size: 4vw;
		    text-align: left;
		    text-decoration: none;
		}

		a.topnav:link, a.topnav:visited {
			color: #de5f46;
			text-decoration: none;
		}

		a.topnav:hover, a.topnav:active {
			color: #fbb796;
			text-decoration: underline;
		}


	.header1 {
		font-size: 5.2vw;
		color: #f0cc7b;
		text-shadow: -2px 2px 3px #000;
	}

	.header2 {
		color: #8c6345;
		font-size: 5vw;
		text-align: center;
		text-shadow: -2px 2px 3px #000;
	}

	.highlight {
		color: #f0cc7b;
	}

	.content-image-container {
		width: 40%;
		margin-left: 3%;
		margin-top: 0.6vw;
	}

		.content-image {
			box-shadow: -2px 2px 6px #000;
			max-width: 100%;
		}

		.content {
			font-size: 3.6vw;
			line-height: 4.6vw;

			width: 100%;
		}

		.content-section {
			width: 80vw;
		}

		.content-item {
			padding-bottom: 1vw;

			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}

		.content-header {
			width: 100%;
			display: block;
		}

		.content-secondary {
			margin-top: 4vw;
		}

		.miniDate {
			font-size: 3vw;
			color: #f0cc7b;
		}

		.miniDate-dim {
			font-size: 3vw;
			color: #8c6345;
		}

		.content-with-image {
			font-size: 3.6vw;
			line-height: 4.6vw;

			width: 57%;
		}

		.content-cta {
			padding-top: 2vw;
			width: 100%;
		}

		.content-header-link {
			font-size: 4vw;
			line-height: 5vw;
		}

	.footerContent {
		color: #f0cc7b;
		background: rgba(0, 0, 0, 0.4);
		text-align: center;

		width: 100%;
	}

	.footerContent div {
		padding: 0.6vw;
		font-size: 2.5vw;
		height: 8vw;
	}
}


}