body {
	color:#2a2a2a;
	font-size:16px;
	line-height:1.5;
	background:#e9ede7;
	text-align:center;
	font-family:'Libre Franklin',sans-serif;
	margin:0;
	padding:0;
}

#container {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding: 18vw 0 0 0;
	margin:0;
}

header {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	font-size:1em;
	height:18vw;
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	background:url(layout/colordummy.jpg) center center no-repeat gray;
	background-size: cover;
}

header.fixie {
	position: fixed;
	top: 0;
	left: 0;
	height: 4rem;
	z-index: 998;
	background-position: center 75%;
}

header .inner {
	position: relative;
	height: 18vw;
	width: 100vw;
	max-width: 100vw;
	margin: 0 auto;
}

header.fixie .inner {
	height: 4rem;
}

#site_logo {
	position:relative;
	top: .5rem;
	left: 0;
	display: block;
	width: 100%;
	max-width:64rem;
	height:calc(18vw - 5em);
	background: url(layout/NuLogo.png) center center no-repeat transparent;
	background-size: contain;
	margin: 0 auto;
}

header.fixie #site_logo {
	display: none;
}

#site_logo span {
	display: none;
}

nav {
	position:absolute;
	top:auto;
	bottom: 0;
	left:0;
	font-size:1em;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	background:hsla(69, 6%, 12%,.75);
	height:4rem;
	text-align:center;
	font-weight:700;
}

nav ul {
	position:relative;
	top:0;
	left:0;
	width:100%;
	max-width:64rem;
	margin:0 auto;
	height:4rem;
}

nav ul li {
	position:relative;
	list-style:none;
	display:inline-block;
	margin:0 .66em;
	height:4rem;
}

nav ul li a {
	color:hsl(69, 26%, 81%);
	font-size:1.25rem;
	line-height:4rem;
	height:4rem;
	font-weight:700;
	padding:0;
	text-transform: uppercase;
}

nav ul li a:hover,nav ul li.lit a {
	color:hsl(71, 47%, 42%);
}

nav ul li ul.drop {
	position:absolute;
	top:4rem;
	left:-1em;
	display:none!important;
	min-width:25rem;
	height:auto;
	background:hsl(71, 47%, 42%);
	z-index:999;
}

nav ul li ul.drop li {
	font-size:1em;
	display:block;
	float:none;
	clear:both;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

nav ul li ul.drop li a {
	display: block;
	color: hsla(47, 6%, 13%,.75);
	line-height:1.3em;
	display:block;
	height:auto;
	width:calc(100% - 2rem);
	padding: .5rem 1rem;
}

nav ul li ul.drop li:hover {
	background:hsla(47, 6%, 13%,.75);
	color:#fff;
	cursor:pointer;
}

nav ul li ul.drop li:hover a {
	color:#fff;
}

nav ul li:hover ul.drop,nav ul li:focus ul.drop  {
	display:block!important;
}

#main {
	position:relative;
	width:calc(100vw - 4em);
	max-width:72rem;
	min-height:calc(100vh - 14em);
	display:block;
	height:auto;
	background:transparent;
	margin:2em auto;
	text-align:left;
}

#main.fullbox {
	max-width: 64em;
}

#main p {
	font-size:1em;
	line-height:1.5;
	margin-bottom:.5em;
}

#main .caption p {
	margin-bottom: 0;
	font-size: .92rem;
	text-align: center;
}

#main .mainimg .caption {
	text-align: center;
	font-size: .92rem;
}

#main .imageleft,#main .imageright {
	max-width: 60%;
}

#mainbox .storyp {
	margin:0 0 3em;
}

#searchbox {
	display:none;
}

#mainbox ul {
	font-size:1em;
	margin:0;
	padding:0;
}

#main h1,#main h2,#main h3,#main h4 {
	font-size:2.66em;
	font-weight:700;
	font-family: 'Libre Franklin', sans-serif;
	color: hsl(31, 12%, 14%);
}

#main h1.category,#main h1.family,#main h1.smaller {
	font-size: 1.66em;
	text-transform: uppercase;
}

.about_page #main h1.family {
	display: none;
}

#main h2 {
	font-size:2em;
}

#main .additionalinfo h2,#main h2.smaller {
	font-size: 1.5em;
}

#main .soldiergrid.lit {
	background-color:hsl(109, 9%, 82%);
}

#main .soldiergrid h2 {
	font-size: 1.25rem;
}

#main .blog_introgrid_box h2.title {
	font-size: 1.5em;
	margin: 0 0 .25rem 0;
}

#main .soldiergrid .soldierphoto {
	background-position: center center;
}

#main .soldiergrid .soldierphoto.has-photo {
	background-color: hsl(47, 6%, 43%);
}

#main .soldiergrid.lit .soldierphoto.has-photo {
	background-color: hsl(47, 6%, 63%);
}

#main .soldiergrid .soldierphoto i {
	position: absolute;
	bottom: .25em;
	right: .25em;
	color: hsl(71, 47%, 62%);
}

#main h3 {
	font-size:1.5em;
}

#main .additionalinfo h3 {
	font-size: 1.33em;
}

.blog_page #main h3.thedate {
	font-size:1.25em;
	font-family: 'Libre Franklin', sans-serif;
	margin: 0 0 .33em 0;
}

#main .soldiergrid h3,#main h3.smaller {
	font-size: 1.125rem;
	font-family: 'Libre Franklin', sans-serif;
}

#main .image_stage h2 {
	text-align: center;
}

#main h4 {
	font-size:1.25em;
}

#main h4.small {
	font-size: 1.125em;
	color: hsl(47, 6%, 43%);
}

#main h4.smaller {
	font-size: 1em;
}

#main h5 {
	font-size:1em;
	font-family: 'Libre Franklin', sans-serif;
}

#main .soldiergrid h4,#main .soldiergrid h5 {
	font-size: 1rem;
	font-family: 'Libre Franklin', sans-serif;
}

#mainbox p,#mainbox ul,#mainbox ol {
	margin-bottom: 1rem;
}

#main .caption {
	font-size: .92rem;
	text-align: center;
}

#main a {
	color:hsl(69, 46%, 26%);
	font-weight:700;
	text-decoration:none;
}

#main a:hover {
	color:hsl(16, 73%, 56%);
	font-weight:700;
	text-decoration:none;
}

#main a.alphabuttons,#main #menubox a.blox {
	display: inline-block;
	padding: .25rem;
	margin: .25rem;
	width: 1rem;
	height: 1rem;
	line-height: 1;
	background: hsl(71, 47%, 42%);
	color: #2a2a2a;
	border: none;
}

#main a.alphabuttons.lit,#main a.alphabuttons:hover,#main #menubox a.blox.boxlit,#main #menubox a.blox:hover {
	background: #2a2a2a;
	color: #dadada;
}

#main #menubox h4 {
	text-transform: uppercase;
}

.homepage_page #main #menubox h4 {
	text-transform: none;
}

#main #menubox h4 a {
	color: hsl(31, 12%, 14%);
}

#main #menubox h4.catlit,#main #menubox h4.catlit a {
	color:hsl(71, 47%, 22%);
}

#main #menubox ul li .menuimage a {
	background-position: center top;
}

.readmore {
	display: inline-block;
	margin-left: 1em;
}

.blog_introgrid_img {
	background-position: center top!important;
}

.featured_news .storyp {
	max-height:  15em;
	overflow: hidden;
}

.readmore {
	display: block;
	margin: 1em 0 0 0;
	text-align: right;
}

#backto {
	position: absolute;
	top: -1.25rem;
	right: 0;
}

.prevNextSlideButtons {
	width: calc(100vw - 2rem);
	left: 1rem;
	opacity: 1;
}

#main .prevNextSlideButtons a.imgPrev,#main .prevNextSlideButtons a.imgNext {
	background-image: url(#);
	font-size: 2em;
	text-align: center;
	color: #8b9c38;
}

#main .prevNextSlideButtons a.imgPrev:hover,#main .prevNextSlideButtons a.imgNext:hover {
	color: #ea6b3e;
	opacity: 1;
}

.prevNextSlideButtons a span {
	display: block;
}

hr {
	border: none;
	border-bottom: 1px #aaa solid;
	float: none;
	clear: both;
	display: block;
	margin: 2em 0;
	padding: 0;
	height: 1px;
	width: 100%;
}

blockquote {
	font-size:1.25em;
	font-weight:700;
	padding: 0;
	margin: 0;
}

blockquote p {
	margin-bottom: 0;
}

.darkmask {
	background-color: rgba(255,255,255,.75);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
}

.darkmask i {
	position: absolute;
	top: 1em;
	right: 1em;
	font-size: 1.5em;
}

.videowrapper.soundcloud {
	padding-top: 100%;
}

.editthis {
	position: absolute;
	top: 0;
	right: 0;
	width: 4em;
	height: 1em;
	display: block;
	text-align: right;
}

.editthis a {
	display: inline-block;
	margin: 0 1px;
}

#prefooter {
	position: relative;
	width: 100vw;
	height: auto;
	background: hsl(47, 22%, 12%);
	padding: 2em 0;
}

#prefooter .inner {
	position: relative;
	width: calc(100% - 2em);
	max-width: 72rem;
	margin: 0 auto;
	color: white;
	text-align: left;
}

#prefooter .topspacer {
	width: 100%;
	height: 0;
	padding: 40% 0 0 0;
	display: block;
}

footer {
	font-size:1em;
	width:calc(100vw - 2em);
	height:auto;
	padding:9em 1em 3em 1em;
	margin:0;
	clear:both;
	float:none;
	background:url(layout/ga329fieldgroup.jpg) center center no-repeat #2a2a2a;
	background-size: cover;
	color: white;
	text-align:center;
	font-weight: 400;
}

#footer_main {
	position: relative;
	width: 100%;
	display: block;
	max-width: 72rem;
	text-align: right;
	margin: 0 auto;
}

footer a {
	color:hsl(16, 73%, 77%);
}

footer a:hover {
	color:#dadada;
}

.roster_page #main div.controlbar a.controlbar_delete {
	display: none;
}

@media (min-width: 51rem) and (max-width: 64rem){
	#container {
		padding-top: 25vh;
	}
	header,header .inner {
		height: 25vh;
	}
	#site_logo {
		height: calc(25vh - 5em);
	}
	header nav ul li {
		margin: 0 1vw;
	}
	header nav ul li a {
		font-size: 1rem;
	}
}

@media (min-width: 51rem) and ( max-width: 80rem){
	
	.prevNextSlideButtons {
		width: 100vw;
		left: 0;
	}
	#main .prevNextSlideButtons a.imgPrev,#main .prevNextSlideButtons a.imgNext { 
		font-size: 1.25rem;
	}
}

@media( max-width: 51rem) {
	
	#container {
		position: absolute;
		padding: 10em 0 0 0;
		left: 0;
		top: 0;
		transition: left .5s;
	}
	
	#container.slid {
		left: -66vw;
	}
	
	header {
		height: 10em;
	}
	
	#site_logo {
		top: 1em;
		width: calc(100% - 6em);
		height:8em;
	}
	
	a#hamburger .hlines {
		background:hsl(18, 84%, 51%)!important;
	}
	
	header nav.mobi {
		background: hsl(330, 7%, 6%);
	}
	
	header nav.mobi ul li#homepage_nav {
		display:inline-block;
	}
	
	header nav.mobi ul li a {
		color:#fff;
	}
	
	header nav.mobi ul li.lit a {
		color:hsl(350	,100%,29%);
	}
	
	#main a {
		display: inline-block;
		max-width: 100%;
		overflow:hidden;
	}
	
	#main h1,#main h2,#main h3,#main h4 {
		font-size:1.66em;
		font-weight:700;
		font-family: 'Libre Franklin', sans-serif;
		color: hsl(31, 12%, 14%);
	}
	
	#main h1.category,#main h1.family {
		font-size: 1.33em;
		text-transform: uppercase;
	}
	
	#main h2 {
		font-size:1.5em;
	}
	
	#main .soldiergrid h2 {
		font-size: 1.125rem;
	}
	
	#main .blog_introgrid_box h2.title {
		font-size: 1.25em;
	}
	
	#main h3 {
		font-size:1.33em;
	}
	
	.blog_page #main h3.thedate {
		font-size:1.125em;
		margin: 0 0 .33em 0;
	}
	
	#main .soldiergrid h3 {
		font-size: 1.125rem;
	}
	
	.prevNextSlideButtons {
		width: 100vw;
		left: 0;
	}
	#main .prevNextSlideButtons a.imgPrev,#main .prevNextSlideButtons a.imgNext { 
		font-size: 1rem;
	}
	
	#main h4 {
		font-size:1.125em;
	}
	
	#main h5 {
		font-size:1em;
	}
	
	#main .soldiergrid h4,#main .soldiergrid h5 {
		font-size: 1rem;
	}
	
	#main .imageleft,#main .imageright {
		max-width: 100%;
	}
	
	#prefooter .topspacer {
		width: 100%;
		height: 0;
		padding: 0;
		display: block;
	}
}