@charset "utf-8";
/* CSS Document */

h1, h2 {
	margin-bottom: 0px;
	margin-top: 0px;
}

h2 {
	line-height: 1.5rem;
}

/* ##############################  Main Container ############################## */
#main-container{
	margin: 0px auto;
}

@media(min-width:455px) and (max-width:679.9px){
	#main-container{
		width: 27.13rem;
	}
}

@media(min-width:680px) and (max-width:899.9px){
	#main-container{
		width: 42.25rem;
	}
}

@media(min-width:900px) and (max-width:1023.9px){
	#main-container{
		width: 45.5rem;
	}
}

/* ##############################  Homepage Carousel Banners ############################## */

@media (max-width: 352.9px) {
	.position-box ~ .position-box {
		margin-left: 0.313rem;
	}
}

@media (min-width: 0px){
	.banner-carousel {		
		margin-top: 1.25rem;
	}
}

@media (min-width: 1024px){
	.banner-carousel {		
		display: inline-block;
		height: 18.63rem;
		margin: 1.25rem 0.625rem 0px 0px;
		width: 40.5rem;
	}
}

/* ##############################  Homepage Nav Buttons ############################## */
@media (max-width: 1023.9px){
	#homepage-nav {
		margin: 1.25rem auto 0px auto;
		position: relative;
	}
	
	.homepage-nav-button {
		background-color: #cfcdb8;
		border: 0.063rem solid black;
		display: inline-block;
		float: left;
		height: 3rem;
		padding: 0px;
		text-align: center;
		width: 8rem;
	}
	
	.homepage-nav-button > span {
		display: inline-block;
	}
	
	.homepage-nav-link {
		color: black;
		text-decoration: none;
	}
	
	#homepage-nav-button-vet-text, #homepage-nav-button-admin-text, #homepage-nav-button-services-text, #homepage-nav-button-youth-text {
		margin-top: 0.906rem;
	}
	
	#homepage-nav-button-army-text, #homepage-nav-button-air-text {
		margin-top: 0.25rem;
	}
}

@media(max-width:454.9px) {
	#homepage-nav {
		height: 10.625rem;
		width: 16.875rem;
	}
	
	#homepage-nav-button-army, #homepage-nav-button-air, #homepage-nav-button-services, #homepage-nav-button-youth {
		margin-top: 0.625rem;
	}
	
	#homepage-nav-button-vet, #homepage-nav-button-army, #homepage-nav-button-services {
		margin-right: 0.625rem;
	}
	
}

@media(min-width:455px) and (max-width:1023.9px){
	#homepage-nav {
		height: 6.875rem;
		margin: 1.25rem auto 0px auto;
		width: 25.625rem;
	}
	
	#homepage-nav-button-air, #homepage-nav-button-services, #homepage-nav-button-youth {
		margin-top: 0.625rem;
	}
	
	#homepage-nav-button-vet, #homepage-nav-button-admin, #homepage-nav-button-air, #homepage-nav-button-services {
		margin-right: 0.625rem;
	}
}

@media(min-width:1024px){
	#homepage-nav {
		display: none;
	}
}
/* ############################## Content Boxes ############################## */

.content-box-text-links {
	margin-top: 0.625rem;
	line-height: 1.312rem;
}

@media(max-width:679.999px){
	.context-box {
		width: 100%;
	}
	
	#content-box-quick-links {
		margin-top: 20px;
	}
}

@media(min-width:680px){
	.content-box {
		display: inline-block;
		vertical-align: top;
	}
}

@media(min-width:680px) and (max-width:899.9px){
	.content-box {
		width: 13.125rem;
	}
}

@media(min-width:680px) and (max-width:1023.9px){		
	#content-box-quick-links, #content-box-veterans, #content-box-assistance, #content-box-publications {
		margin-right: 0.625rem;
	}
	
	#content-box-quick-links, #content-box-veterans, #content-box-guard {
		height: 25.25rem;
		margin-top: 1.25rem;
	}
	
	#content-box-banners, #content-box-assistance, #content-box-publications  {
		height: 22.062rem;
	}
	
}

@media(min-width:900px) and (max-width:1023.9px){
	.content-box {
		width: 14.625rem;
	}
}

@media (min-width:1024px) {
	.content-box {
		width: 19.875rem;
	}
	
	#content-box-quick-links {
		height: 18.625rem;
		margin-top: 1.25rem;
	}
	
	#content-box-veterans, #content-box-guard, #content-box-assistance, #content-box-publications, #content-box-banners {
		height: 16.25rem;
	}
	
/*
	#content-box-publications, #content-box-banners {
		height: 15.875rem;
	}
*/
	
	#content-box-banners {
		width: 40.5rem;
	}
	
	#content-box-veterans, #content-box-guard, #content-box-publications {
		margin-right: 0.625rem;
	}
}

/*Homepage Banners*/

@media (max-width: 419.9px) {
	.homepage-banners a {
		display: block;
		margin-right: 0px;
	}
}

@media (min-width: 420px) and (max-width: 454.9px) {
	.homepage-banners a:nth-child(odd) > img {
		margin-right: 0.625rem;
	}
}

@media (max-width: 1023.9px){
	.homepage-banners {
		text-align: center;
	}
	
	.homepage-banners a:nth-child(n-2) > img {
		margin-top: 0.625rem;
	}
	
	.homepage-banners img {
		border: 1px solid lightgrey;
		max-height: 4.25rem;
		max-width: 10.813rem;
	}
}

@media (min-width:1024px){
	.homepage-banners {
		height: 10.625rem;
		margin: 2.812rem auto 0px auto;
		width: 25.625rem;
	}
	
	.homepage-banners a + a + a> img {
		margin-top: 0.625rem;
	}
	
	.homepage-banners a:nth-child(odd) > img {
		margin-right: 0.625rem;
	}
	
	.homepage-banners img {
		border: 1px solid lightgrey;
		height: 5rem;
		width: 12.375rem;
	}
}

@media print {
	#homepage-nav {
		display: none !important;
	}
}