/*CSS Document*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* 540px menu button gone. i did nothing to make it disappear */
/* need help placing video*/
/* all content in articles changes position at 450px and I didn't do anything to make it happen */
/* all content in articles changes position at 960px and I didn't do anything to make it happen */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Restore Styling*/
ul {
list-style-type: disc;
list-style-position: inside;

}

ol {
list-style-type: decimal;
list-style-position: inside;
}

ul ul, ol ul {
list-style-type: circle;
list-style-position: inside;
margin-left: 2em;
}

ol ol, ul ol {
list-style-type: lower-latin;
list-style-position: inside;
margin-left: 2em;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

/*My styling*/

/* resp nav */
.nav-collapse ul {
  margin: 0;
  padding: 0;
  /* width: 100%; */
  display: block;
  list-style: none;
}

.nav-collapse li {
  /* width: 100%; */
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/*h numbers*/
h1{
	font-family: 'Patua One', cursive;
	font-size: 1.72rem;
	margin-top: 0;
	/*color: #8f0912;*/ /*desaturated green, #796*/
	/*background-color: #fff;*/ /*a very light brown. Former background-color is #aaa = grey, #bba*/
	padding: 1rem 1rem 0 .2rem;
}
.tagline{
	font-family: 'Allerta Stencil', sans-serif;/*'Bitter', serif*/
	font-size: 1.5rem;
	margin-top: 1rem;
	margin-left: .2rem;
	color: #e88787;
}
h2{
	font-family: 'Crete Round', serif;
	font-size: 2rem;
	margin-left: 1rem;
	margin-top: 1.25rem;
	margin-bottom: .5rem;
	color: #bba;/*#a73*/
}
h3{
	font-family: 'Crete Round', serif;
	font-size: 1.25rem;
	color: #931;/*#745*/
	margin-bottom: 1rem;
}
/* list */
ul li{
	font-family: 'Roboto', sans-serif;
}
p{
	font-family: 'Roboto', sans-serif;
	line-height: 1.25rem;
	/* color: #ccc; */
	margin-bottom: .5rem;
}
li{
	/* color: #ccc; */
}
main{
	margin-left: 1rem;
	margin-right: 1rem;
}

aside{
	/* margin-left: 1rem;
	margin-right: 1rem; */
}
footer{
	margin-left: 1rem;
	margin-right: 1rem;
	border: 1px #adb929 solid;
	padding: .5rem;
	background-color: #fff;/*#19a*/
	color: #000;
}
.footer1 p{
	color: #000;
	font-size: .85rem;
}
html{
	background-color: #000;/*#555*/
}
body{
	background-color: #fff; /*#fff*/
	padding-bottom: 1rem;
	border: 1px #adb929 solid;
}
.disclaimer{
	margin: 1rem;
	color: #000;
}
/* visited */
ul li.li1 a:visited{
	color: #850ba3 ;
}
ul li.li2 a:visited{
	color: #850ba3;
}
ul li.li3 a:visited{
	color: #850ba3;
}
ul li.li4 a:visited{
	color: #850ba3;
}
ul li.li5 a:visited{
	color: #850ba3;
}
/* hover */
/* link 1 */
ul li.li1 a{
	transition: 0.5s;
}
ul:hover li.li1 a{
	transform: scale(1.25);
	/* opacity: 0; */
	/* filter: blur(5px); */
}
ul li.li1 a:hover{
	transform: scale(1.5);
	opacity: 1;
	/* filter: blur(0); */
}
/* link 2 */
ul li.li2 a{
	transition: 0.5s;
}
ul:hover li.li2 a{
	transform: scale(1.25);
	/* opacity: 0; */
	/* filter: blur(5px); */
}
ul li.li2 a:hover{
	transform: scale(1.5);
	opacity: 1;
	/* filter: blur(0); */
}
/* link 3 */
ul li.li3 a{
	transition: 0.5s;
}
ul:hover li.li3 a{
	transform: scale(1.25);
	/* opacity: 0; */
	/* filter: blur(5px); */
}
ul li.li3 a:hover{
	transform: scale(1.5);
	opacity: 1;
	/* filter: blur(0); */
}
/* link 4 */
ul li.li4 a{
	transition: 0.5s;
}
ul:hover li.li4 a{
	transform: scale(1.25);
	/* opacity: 0; */
	/* filter: blur(5px); */
}
ul li.li4 a:hover{
	transform: scale(1.5);
	opacity: 1;
	/* filter: blur(0); */
}
/* link 5 */
ul li.li5 a{
	transition: 0.5s;
}
ul:hover li.li5 a{
	transform: scale(1.25);
	/* opacity: 0; */
	/* filter: blur(5px); */

}
ul li.li5 a:hover{
	transform: scale(1.5);
	opacity: 1;
	/* filter: blur(0); */
}

/* focus */
ul li.li1 a:focus{
	color: #8473bf;
}
ul li.li2 a:focus{
	color: #8473bf;
}
ul li.li3 a:focus{
	color: #8473bf;
}
ul li.li4 a:focus{
	color: #8473bf;
}
ul li.li5 a:focus{
	color: #8473bf;
}
/* active */
ul li.li1 a:active{
	color:  #706da3;
}
ul li.li2 a:active{
	color:  #706da3;
}
ul li.li3 a:active{
	color: #706da3;
}
ul li.li4 a:active{
	color: #706da3;
}
ul li.li5 a:active{
	color: #706da3;
}
/*video*/
iframe{
	width: 100%;
	/* height: 100%; */
}
/*class*/
.top-p2{
	line-height: 1.25rem;
}
.top-p{
	/* margin-bottom: .5rem; */
	line-height: 1.25rem;
}
.p3{
	margin: 1rem .5rem 1rem 0;
	line-height: 1.25rem;
}
.table1{
	margin: 0 .5rem;
	background-color: #fff;
	display: none;
}
.bottom-p2{
	margin-top: 1rem;
}
th{
	padding: .5rem;
	font-size: 1.25rem;
}
td{
	font-size: 1rem;
	color: black;
}
.airforce{
	background-color: #8b9386;
	color: #4c523b;
}
.navy{
	background-color: #812745;
	color: #a3b0be;
}
.costguard{
	background-color: #464c89;
	color: #f5e9c2;
}
.marines{
	background-color: #4c561c;
	color: #e3cc9a;
}
.army{
	background-color: #6d706b;
	color: #e3d4c2;
}
.military{
	background-color: #186b23;
}
td{
	padding: .5rem;
}
.content-column-1{
	margin-top: 1rem;
	grid-area: cc1;
}
.bottom-p{
	margin-top: 1rem;
	line-height: 1.25rem;
}
.events-a{
	margin-bottom: 1rem;
	border: 1px #adb929 solid;
	padding: 0.5rem 1rem .5rem .5rem;
	/* background-color: #0f1331;*//*#9de5e7*/
}
.admissions-a{
	margin-bottom: 1rem;
	border: 1px #adb929 solid;
	padding: 1rem;
	/* background-color: #0f1331;*//*#1b5*/
}
.directions-a{
	margin-bottom: 1rem;
	border: 1px #adb929 solid;
	padding: 1rem;
	background-color: #1a523a;/*#1b5*/
}
.directions{
	color: #bba;
}
.concessions-a{
	margin-bottom: 1rem;
	border: 1px #adb929 solid;
	padding: 1rem;
	/* background-color: #0f1331;*//*#1b5*/
}
.report-a{
	margin-bottom: 1.75rem;
	border: 1px #adb929 solid;
	padding: 1rem;
	background-color: #1a523a;/*#19a*/
}
.report{
	color: #bba;
}
.report-a p{
	color: #fff;
}
.events{
	margin: 0 0 1rem 0;
}
.p-1{
	margin: 1rem .5rem 0 0;
	line-height: 1.25rem;
}
.img2 {
    margin-top: 1rem;
		width: 78vw;
}
.ul-1{
	margin-top: .5rem;
	line-height: 1.25rem;
	list-style-position: outside;
	margin-left: 1.5rem;
}
.ol-1{
	margin-top: .5rem;
	line-height: 1.25rem;
	font-family: 'Roboto', sans-serif;
	color: #fff;
}
.direct{
	color: #fff;
}
.admissions{
	margin: 0 0 1rem 0;
	/* padding: 1rem; */
}
.benefits{
	/* margin-bottom: 1rem; */
}
.directions{
	margin: 0 0 1rem 0;
}
.concessions{
	margin: 0 0 1rem 0;
}
.report{
	margin: 0 0 1rem 0;
}
.div1{
	margin-bottom: 1rem;
	padding: 1rem;
	/* border: 1px #adb929 solid; */
	/* background-color:#0f1331;*/ /*#9de5e7*/
}
.content-column-2{
	color: #fff;
}
.content-column-3{
	color: #fff;
}
.p-1{
	color: white;
}
.div2{
	margin-bottom: 1rem;
	padding: 1rem;
	border: 1px #adb929 solid;
	background-color: #1c235b;/*dark blue: #0f1331*/
}

.header-1{
	margin-left: 1rem;
	margin-right: 1rem;
	background-color: #fff; /*#bba*/
}

.header-1#fixedbar{
	/* background-color: #9b94d0; */
	/* position: fixed; */
	top: 0;
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	/*display: block;*/ /*Puts nav below h1*/
	background-color: #0f1331;
}
.header-1#fixedbar ul#fixednav{
	margin-left: 0;
	list-style: none;
}


.header-1#fixedbar li a{
	/* color: #c4eedb; */
	text-decoration: none;
	display: block;
	/* border-top: #fff solid 1px; */
	padding: 1rem .7rem;
	color: #f36655;
}
.nav-toggle{
	padding: 1rem;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	/* color: #c4eedb; */
	display: block;
	/* background-color:#c3b8a0; */
	/* width: 30px */
	color: white;
}
.nav-toggle:visited, .nav-toggle:hover, .nav-toggle:active{
	color: #78ac44;
	/* background-color:#c3b8a0; */
}

.div-img{
	margin: .5rem 1rem 0 1rem;
	}
.bracket {
	/* background: #bba; */
	position: relative;
	/* width: 100%; */
	/* height: 30rem; */
	background-image: url(../img/flag1.jpg);
	background-repeat: repeat;
}
.img3 {
	display: none;
	/* width: 100%; */
}
.img3_mobile {
	display: block;
}
.img1 {
	/* display: none; */
	width: 50vw;
	margin-left: 3rem;
	grid-area: img1;
}
.img1_mobile {
	display: block;
}
/*table*/
th, td{
	border: 1px solid #000;
}
th{
	font-family: 'Crete Round', serif;
}
tr{
	font-family: 'Roboto', sans-serif;
}
caption{
	margin: 0 0 .1rem 0
}
.all{
	margin: .5rem auto 0 auto;
	background-color: #fff;
	font-size:2rem;
	display: none;
}

nav ul li{
	padding: .5rem .25rem .25rem .25rem;
	border-top: 1px solid #fff;
	margin-bottom: .25rem;
	text-align: center;
	}
nav ul li a{
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	}
.nav-collapse ul{
	display: block;
	}

a{
	color: #009;
	font-family: 'Roboto', sans-serif;
}
a:hover{
	color: #808;
}
a:active{
	color: #723;
}
a:visited{
	color: #237;
}

img{
	/* width: 100%; */
}
.img3_mobile{
	padding:0 .5rem 0 0;
}

.events-a{
		padding: 1rem;
	}
ul.ul2{
		list-style: none;
	}
	.people-img{
		margin: .5rem 0 0 0;
		/* width: 100%; */
		border: 1px solid #adb929;
	}
	/* animation */
	.bracket{
	/* border: 1px #000 solid; */
	/* background-color: #768; */
	width: 500px;
	height: 165px;
	}
	#salute{
		width: 100%;
		/* background-color: #768; */
		/* padding: 1rem; */
		margin: .5rem .5rem 0 0;
    overflow: hidden;
	}
	/* #salute .soldier {
    width: 100vw;
    margin: 6rem 0 0 0;
    animation: salute-soldiersoldier 3.5s;
    display: block;
}
@keyframes salute-soldiersoldier{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}

} */
#salute .soldier {
	width: 100vw;
	margin: 6rem 0 0 0;
	animation: salute-soldiersoldier 12s ease .01s infinite forwards;
	display: block;
	top: 25;
	position: relative;
}
@keyframes salute-soldiersoldier{
	0%{
	top: 300px;
	left: 0;
	 opacity: 1;
}
	5%{
	top: 190px;
	left: 0;
	 opacity: 1;
	}
	10%{
	top: 180px;
	left: 0;
	 opacity: 1;
	}
	15%{
	top: 170px;
	left: 0;
	 opacity: 1;
	}
	20%{
	top: 160px;
	left: 0;
	 opacity: 1;
	}
	25%{
		top: 150px;
		left: 0;
		opacity: 1;
	}
	30%{
		top: 140px;
		left: 0;
		opacity: 1;
	}
	35%{
		top: 130px;
		left: 0;
		opacity: 1;
	}
	40%{
	top: 120px;
	left: 0;
	 opacity: 1;
	}
	45%{
	top: 110px;
	left: 0;
	 opacity: 1;
	}
	50%{
	top: 100px;
	left: 0;
	 opacity: 1;
	}
	55%{
	top: 90px;
	left: 0;
	 opacity: 1;
	}
	60%{
	top: 80px;
	left: 0;
	 opacity: 1;
	}
	65%{
	top: 70px;
	left: 0;
	 opacity: 1;
	}
	70%{
	top: 60px;
	left: 0;
	 opacity: 1;
	}
	75%{
	top: 50px;
	left: 0;
	 opacity: 1;
	}
	80%{
	top: 40px;
	left: 0;
	 opacity: 1;
	}
	85%{
	top: 30px;
	left: 0;
	 opacity: 1;
	}
	90%{
	top: 20px;
	left: 0;
	 opacity: 1;
	}
	95%{
	top: 10px;
	left: 0;
	 opacity: 1;
	}
	100%{
		top: 0;
		left: 0;
		opacity: 1;
	}

}
/*image*/
.img2{
	width: 100%;
	margin-left: 0;
}
/*audio*/
audio{
	margin: 1rem 0 0 0;
	width: 100%;
}

.map{
	margin-left: 0;
}
/* .img2{
	margin-left: 1rem;
} */
/* The Overlay (background) */
.overlay{
	height: 0;
	width: 100%;
	position: fixed; /*Stay in place*/
	z-index: 1; /*sit on top*/
	left: 0;
	top: 0;
	background-color: rgb(0, 0, 0);/* Black fallback color */
	background-color: rgba(100, 50, 50, 0.9);/* Black with opacity */
	overflow-y: hidden;/* Disable horizontal scroll */
	transition: 0.5s;/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content{
	position: relative;
	top:11%; /* 25% from the top */
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
}
/* The navigation links inside the overlay */
.overlay a{
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block; /* Display block instead of inline */
	transition: 0.3s; /* Transition effects on hover (color) */
}
span{
	font-size: 1.25rem;
	color: darkred;
	background-color: #adb929;
	border-radius: 10px;
	padding: .5rem;
	font-family: 'Roboto', sans-serif;
}
span:hover{
	cursor: pointer;
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus{
	color: #f1f1f1;
}
/* Position the close button (top right corner) */
.overlay .closebtn{
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}
.img4{
	display: none;
}
/* schedule states */
span:hover{
	background-color: #6d706b;
	color: #c4b8aa;
}

.map{
	width: 100%;/*250px*/
	/* margin-left: 6rem; */
	margin-top: 1rem;
}
.eatery {
    width: 100%;/*250px*/
		margin-top: 1rem;
}
.free-admis {
    width: 250px;
}
.afe-logo{
	width: 50px;
	grid-area: afe;
}
.admis-para2{
	margin-top: 1rem;
}
.special-container{
	border: 10px gold solid;
	padding: 1rem;
  background-color: #0f1331;
	grid-area: spec;
}
/* .special-container { formally special
  background-color: #0f1331;
  padding: 1rem;
} */
.date {
    /* font-size: 2rem; */
    color: #adb929;
    margin-top: 1rem;
}
.time {
    /* font-size: 2rem; */
    color: #adb929;
    margin-top: 1rem;
}
.location {
    /* font-size: 2rem; */
    color: #adb929;
    margin-top: 1rem;
		line-height: 1;
}
.special-free {
    /* font-size: 2rem; */
    color: #d2886c;
    margin-top: 1rem;
		/* text-shadow: 1px 1px 3px #fff; */
		/* line-height: 1; */
}
.h1tagline{
	color: #adb929;
	background-color: #0f1331;
}
#nav6{
	color: #bba;
}
.special-title{
	color: #bba;;
}
.tabledisappear{
	display: none;
}

.disclaimer{
	float: left;
	display: block;
	font-size: .7rem;
	line-height: 1;
	width: calc(100% - 110px - 3rem);
	margin-bottom: .3rem;
	margin-top: .3rem;
}
.rj-logo{
	/* flex: 1; */
	width: 110px;
	margin-top: .3rem;
	margin-bottom: .3rem;
	margin-left: 1rem;
}
h4{
	font-family: 'Crete Round', serif;
	margin-top: 1.5rem;
	margin-bottom: .25rem;
	font-weight: bold;
	color: #db9116;
	font-size: 1.25rem;
}
.img5{
	width: 100%;
}
.img6{
	width: 100%;
}
.img7{
	width: 100%;
}
.img8{
	width: 100%;
}
.img9{
	display: none;
}
.img10{
	display: none;
}
.stacked-table{
	border: 1px black solid;
	margin: 0 1rem 0 1rem;
	background-color: white;
	/* height: 10px; */
	width: 150px;
	grid-area: stack;
}
h5{
	border-top: 3px black solid;
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: 1.2rem;
}
.table-time{
	border-top: 1px black solid;
	padding-top: .25rem;
	padding-bottom: .25rem;
	margin-bottom: 0;
	color: black;
}
.overlay-present{
	grid-area: op;
	/* text-align: left; */
	margin-left: 1rem;
}
.overlay-content{
	display: grid;
	grid-template-areas:
		"op stack";
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
}
.afe-logo{
	grid-area: afe;
	margin-top: 1rem;
	margin-left: .75rem;
}
nav ul.ul2{
	grid-area: nav;
}
.nav-toggle{
	grid-area: tog;
}
.nav-collapse{
	grid-area: colap;
}
.h1tagline{
	grid-area: ht;
}
.tagline{
	font-size: 1rem;
}
h1{
	font-size: 1.25rem;
	color: #74b977;
}
.header-1{
	display: grid;
	grid-template-areas:
		"afe ht ht"
		". . tog"
		"colap colap colap";
	grid-template-rows: auto auto;
	grid-template-columns: .25fr 1fr 1fr;
	grid-gap: .3rem;
}
p.special-free{
	color: #d2886c;
}
p.special-free-top{
	color: #d2886c;
}
.audio-para{
	color: #fff;
	/* width: 100% */
	margin-top: 1.5rem;
}
.special-container-top{
	margin-top: 1rem;
}
.up{
	margin-top: 1;
}
.down{
	line-height: 1;
}
.br1{
	line-height: 2;
}
.br2{
	line-height: 2;
}
	/* media queries */
	@media screen and (orientation: portrait){
		.map{
			margin-left: 0;
			margin-top: 1rem;
		}
		/* .img2{
			margin-left: 1.5rem;
		} */
		.special-container{
			margin-top: 1rem;
		}
		/*information*/
		.benefits {
    display: flex;
    flex-flow: row nowrap;
		}
		#nav6{
			flex: 8;
		}
		.going-up{
			flex: 1;
		}
		/*concessions*/
		.con-header {
    display: flex;
    flex-flow: row nowrap;
		}
		.concessions{
			flex: 8;
		}
		.going-up4{
			flex: 1;
		}
		/*directions*/
		.direct-header {
    display: flex;
    flex-flow: row nowrap;
		}
		.directions{
			flex: 8;
		}
		.going-up3{
			flex: 1;
		}
		/*admission*/
		.admis-header {
    display: flex;
    flex-flow: row nowrap;
		}
		.admissions{
			flex: 8;
		}
		.going-up2{
			flex: 1;
		}
		/*report*/
		.report-header{
    display: flex;
    flex-flow: row nowrap;
		}
		.report{
			flex: 8;
		}
		.going-up5{
			flex: 1;
		}
		.special-container-top{
			background-color: #0f1331;
			border: 10px gold solid;
			padding: 1rem;
			font-size: 1.25rem;
			margin-top: 1rem;
		}
		.special-header-top{

		}
		.special-title-top{
			color: #bba;
		}
		.special-content{
			color: #adb929;
		}
		p.date-top{
			margin-top: .5rem;
			margin-bottom: 0;
		}
		p.time-top{
			margin-top: .5rem;
			margin-bottom: 0;
		}
		p.location-top{
			margin-top: .5rem;
			margin-bottom: 0;
			line-height: 1.2;
		}
		p.special-free-top{
			margin-top: .5rem;
			margin-bottom: 0;
			color: #d2886c;
		}
	}
	.img11{
		display: none;
	}
	@media only screen and (orientation: landscape){

	}
	@media screen and (min-width: 360px) {
		h1{
			font-size: 1.25rem;
		}
		.tagline{
			font-size: 1.1rem;
		}
		.cta{
			grid-area: cta;
		}
		.img1{
			width: 95%;
			margin-left: 0;
		}
		.div1{
			display: grid;
			grid-template-areas:
				"cta cta"
				"img1 spec"
				"cc1 cc1";
			grid-template-rows: auto auto auto;
			grid-template-columns: 1fr 1fr;
		}
		.special-container{
			width: 80%;
			grid-area: spec;
			margin-top: 0;
			height: 240px;
		}
		.content-column-1{
			grid-area: cc1'
		}
		.special-title{
			margin-bottom: 0;
		}
		p.date{
			margin-top: .5rem;
			margin-bottom: 0;
		}
		p.time{
			margin-top: .5rem;
			margin-bottom: 0;
		}
		p.location{
			margin-top: .5rem;
			margin-bottom: 0;
		}
		p.special-free{
			margin-top: .5rem;
			margin-bottom: 0;
		}
	}
	@media screen and (min-width: 375px){
		.table1{
			display: none;
		}
		.all{
			display: none;
		}
		.stacked-table{
			display: block;
		}
		.tabledisappear{
			display: none;
		}
	}
	@media screen and (min-width: 411px){
		.img1{
			display: none;
		}
		.img10{
			display: block;
			width: 90%;
			grid-area: img10;
		}
		.cta{
			grid-area: cta;
		}
		.div1{
			display: grid;
			grid-template-areas:
				"cta cta"
				"img10 spec"
				"cc1 cc1";
			grid-template-rows: auto auto auto;
			grid-template-columns: 1fr 1fr;
		}
		.special-container{
			width: 80%;
			grid-area: spec;
			margin-top: 0;
      height: 225px;
		}
		.content-column-1{
			grid-area: cc1'
		}
		.special-title{
			margin-bottom: 0;
		}
		p.date{
			margin-top: .5rem;
      margin-bottom: 0;
		}
		p.time{
			margin-top: .5rem;
      margin-bottom: 0;
		}
		p.location{
			margin-top: .5rem;
      margin-bottom: 0;
		}
		p.special-free{
			margin-top: .5rem;
      margin-bottom: 0;
		}
		.afe-logo{
			/* margin-left: 1rem; */
		}
		.table1{
			display: none;
		}
		.all{
			display: none;
		}
		.stacked-table{
			display: block;
		}
		.tagline{
			margin-left: 0;
		}
		h1{
			padding-left: 0;
		}
	}
	@media screen and (min-width: 414px) {
		.img9{
			display: block;
			width: 100%;
			margin-top: 1rem;
		}
		.img2{
			display: none;
		}
	}

	/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
	@media screen and (min-height: 450px) {
		.overlay a{
			font-size: 20px;
		}
		.overlay .closebtn{
			font-size: 40px;
			top: 15px;
			right: 35px;
		}
	}
	@media screen and (min-width: 440px) {

		#salute .soldier{
		width: 12.25%;
		margin: .5rem 0 0 .5rem;
		/* position: relative;
		top: 0px;
		left: 0px;
		animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}

	@media screen and (min-width: 480px) {

		#salute .soldier{
		width: 100vw;
		margin: 6rem 0 0 0;
		/* position: relative;
		top: 0px;
		left: 0px;
		animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}

	@media screen and (min-width: 500px) {
		.img1{
			margin-left: 5.5rem;
		}
		.img2{
			width: 50vw;
			margin-left: 6.5rem;
		}
		.direct{
			margin-top: .5rem;
		}
		.con-snack{
			margin-top: .5rem;
		}
		/* .img5{
			width: 50vw;
		}
		.img6{
			width: 50vw;
		}
		.img7{
			width: 50vw;
		}
		.img8{
			width: 50vw;
		} */
		.cs{
			width: 100%;
		}
		.benefits{
			display: flex;
			flex-flow: row nowrap;
		}
		#nav6{
			flex: 20;
		}
		.going-up{
			flex: 1;
		}

		.admis-header{
			display: flex;
			flex-flow: row nowrap;
		}
		.admissions{
			flex: 13;
		}
		.going-up2{
			flex: 1;
		}

		.direct-header{
			display: flex;
			flex-flow: row nowrap;
		}
		.directions{
			flex: 12;
		}
		.going-up3{
			flex: 1;
		}
		.con-header{
			display: flex;
			flex-flow: row nowrap;
		}
		.concessions{
			flex: 13;
		}
		.going-up4{
			flex: 1;
		}

		.report-header{
			display: flex;
			flex-flow: row nowrap;
		}
		.report{
			flex: 13;
		}
		.going-up5{
			flex: 1;
		}
		.special-container{
			margin-bottom: 1rem;
			/* margin-top: 1rem;
			margin-left: 3rem; */
			padding: 1rem;
			background-color: #adb929;
			width: 150px;
			height: 275px;
			grid-area: spec;
		}
		.special-title{
			/* color: #0f1331; */
			font-size: 1.25rem;
			border-bottom: 1px white solid;
		}
		.special-header{
			/* background-color: darkred; */
			/* padding: 1rem; */
		}
		.special-container{
			background-color: #0f1331;
			padding: 1rem;
		}
		.date{
			font-size: 1.25rem;
			color: #adb929;
			margin-top: 0;
		}
		.time{
			font-size: 1.25rem;
			margin-top: .5rem;
			color: #adb929;
		}
		.location{
			font-size: 1.25rem;
			margin-top: .5rem;
			line-height: 1;
			color: #adb929;
			width: 100%;
		}
		.special-free{
			font-size: 1.25rem;
		}
		.cta{
			grid-area: cta;
		}
		.afe-logo {
    /* margin-left: 2.25rem; */
		}
}
	@media screen and (min-width: 560px) {

		.img1{
			margin-left: 3.5rem;
		}
		.img2{
			margin-left: 3.5rem;
		}
	}

	/* Mobile iPhone 5/SE */

	/* @media screen and (orientation: portrait) , (min-height: 568px) {
		.map{
			margin-left: 0;
		}
		.img2{
			margin-left: 1rem;
		}

	} */
	@media screen and (min-width: 568px) {
		.bracket {
			height: 225px;
		}
		.img1{
			margin-left: 0;
			width: 35vw;
		}
		.special-container{
			margin-right: 0;
			margin-top: 0;
			width: 220px;
			margin-left: 0;
			height: 220px;
		}
		.content-column-1{
			grid-area: cc1;
		}
		.div1{
			display: grid;
			grid-template-areas:
				"cta cta"
				"img10 spec"
				"cc1 cc1";
			grid-template-rows: auto 20rem auto;
			grid-template-columns: 1fr 1fr;
		}
		.img2{
			width: 35vw;
			margin-left: 0;
			grid-area: img2;
			display: block;
		}
		.img9{
			display: none;
		}
		/* .spanon{
			grid-area: on;
		} */
		.course-show{
			width: 35vw;
			grid-area: cs;
		}
		.map{
			width: 250px;
			grid-area: map;
			margin-top: 0;
		}
		.directions{
			grid-area: drc;
		}
		.direct{
			grid-area: direct;
			margin-top: 0;
		}
		.ol-1{
			grid-area: ol1;
			margin-top: 0;
		}
		.eatery{
			width: 250px;
			grid-area: eat;
			margin-top: 0;
		}
		.con-header{
			grid-area: conh;
		}
		.con-snack{
			grid-area: cons;
			margin-top: 0;
		}
		.admis-header{
			grid-area: adh;
		}
		.free-admis{
			grid-area: fad;
		}
		.admis-para1{
			grid-area: ap1;
		}
		.admis-para2{
			grid-area: ap2;
		}
		/* .div2{
			display: grid;
			grid-template-areas:
				"ben ben"
				"img2 cc2"
				"cc3 cc3"
				"eh eh"
				"cs p-1"
				"aud aud";
			grid-template-rows: 2rem auto auto auto auto auto;
			grid-template-columns: 1fr 1fr;
			grid-gap: 1rem;
		} */
		.admissions-a{
			display: grid;
			grid-template-areas:
				"adh adh"
				"fad ap1"
				"fad ap2";
			grid-template-rows: 2.5rem auto auto;
			grid-template-columns: .55fr 1fr;
		}
		.directions-a{
			display: grid;
			grid-template-areas:
				"drc drc"
				"map direct"
				"map ol1";
			grid-template-rows: 2rem auto auto;
			grid-template-columns: .5fr 1fr;
			grid-gap: 1rem;
		}
		.concessions-a{
			display: grid;
			grid-template-areas:
				"conh conh"
				"eat cons";
			grid-template-rows: 2rem auto;
			grid-template-columns: .5fr 1fr;
			grid-gap: 1rem;
		}
		p.location {
    width: 100%;/*200px*/
	}
	.special-container-top{
		background-color: #0f1331;
		border: 10px gold solid;
		padding: 1rem;
		font-size: 1.25rem;
	}
	.special-header-top{

	}
	.special-title-top{
		color: #bba;
	}
	.special-content{
		color: #adb929;
	}
	p.date-top{
		margin-top: .5rem;
		margin-bottom: 0;
	}
	p.time-top{
		margin-top: .5rem;
		margin-bottom: 0;
	}
	p.location-top{
		margin-top: .5rem;
		margin-bottom: 0;
		line-height: 1.2;
	}
	p.special-free-top{
		margin-top: .5rem;
		margin-bottom: 0;
	}
	.overlay .closebtn {
    position: absolute;
    top: 0;
    right: 45px;
    font-size: 60px;
	}
	.overlay-content {
    position: relative;
    top: 22%;
    width: 100%;
    text-align: center;
		display: block
	}
	.div2{
		display: grid;
		grid-template-areas:
			"ben ben"
			"img2 cc2"
			"cc3 cc3"
			"aud aud"
			"eh eh"
			"cs p-1";
		grid-template-rows: 2.5rem auto auto auto auto ;
		grid-template-columns: 1fr 1fr;
		/* grid-gap: 1rem; */
	}
	.content-column-2{
		grid-area: cc2;
	}
	.content-column-3{
		grid-area: cc3;
	}
	.benefits{
		grid-area: ben;
	}
	.p-1{
	 grid-area: p-1;
	 margin-top: 0;
 }
	.img2{
		grid-area: img2;
		/* transform: rotate(90deg); */
		width: 40vw;
		margin-left: 0;
		margin-top: 0;
	}
	.img5{
		width: 40vw;
		/* grid-area: img5; */
	}
	.img6{
		width: 40vw;
	}
	.img7{
		width: 40vw;
	}
	.img8{
		width: 40vw;
	}

	.event-heading{
		grid-area: eh;
		margin-top: 1.5rem;
	}
	.audio{
		grid-area: aud;
	}
	audio{
		/* grid-area: aud; */
		display: block;
		width: 100%;
	}
	.afe-logo{
		/* margin-left: 3rem; */
	}
	.overlay-present{
		font-size: .9rem;
		/* text-align: left; */
	}
	.table1{
		margin: 0 auto;
		display: table;
	}
	.all{
		margin: .5rem auto 0 auto;
		display: table;
	}
	th{
		font-size: 1rem;
	}
	td {
    font-size: .75rem;
	}
	.stacked-table{
		display: none;
	}
	.tabledisappear{
		display: none;
	}
}

	/* Mobile iPhone 5/SE */

	@media screen and (min-width: 590px) {

		.img1{
		}
		.img2{
		}
	}

@media screen and (min-width: 600px){
	.table1{
		margin: 0 auto;
	}
	.all{
		margin: .5rem auto 0 auto;
	}

	nav ul li{
		padding: .25rem;
		}
/* grid1 */


/* grid 2 */
	.events{
		/* margin-left: .5rem; */
	}
	.content-column-1{
		grid-area: cc1;
		/* margin-top: 0; */
	}
	.img1{
		width: 40vw;
		margin-left: 0;
		grid-area: img1;
	}
	.img10{
		width: 80%;
	}
	.container1{
		grid-area: con1;
	}
	/* .div1{
		display: grid;
		grid-template-areas:
			"cta cta"
			"img1 spec"
			"cc1 cc1";
		grid-template-rows: auto auto;
		grid-template-columns: 1fr 1fr;
	} */
	.div2{
		display: grid;
		grid-template-areas:
			"ben ben"
			"img2 cc2"
			"cc3 cc3"
			"aud aud"
			"eh eh"
			"cs p-1";
		grid-template-rows: 2.5rem auto auto auto auto ;
		grid-template-columns: 1fr 1fr;
		/* grid-gap: 1rem; */
	}
	.content-column-2{
		grid-area: cc2;
	}
	.content-column-3{
		grid-area: cc3;
	}
	.benefits{
		grid-area: ben;
	}
	.p-1{
	 grid-area: p-1;
 }
	.img2{
		grid-area: img2;
		/* transform: rotate(90deg); */
		width: 40vw;
		margin-left: 0;
		margin-top: 0;
	}
	.img5{
		width: 40vw;
		/* grid-area: img5; */
	}
	.img6{
		width: 40vw;
	}
	.img7{
		width: 40vw;
	}
	.img8{
		width: 40vw;
	}

	.event-heading{
		grid-area: eh;
		margin-top: 1.5rem;
	}
	audio{
		/* grid-area: aud; */
		display: block;
		width: 100%;
	}
	/* .event-section{
		display: grid;
		grid-template-areas:
			"eh eh"
			"img5 ."
			"p-1 p-1";
		grid-template-rows: 2rem auto auto auto auto auto auto;
		grid-template-columns: 1fr 1fr; */
		/* grid-gap: 1rem; */
		/* grid-area: es;
	} */
	.special-container{
		margin-left: 1rem;
		margin-top: 0;
		width: 40vw;
		height: 200px;;
	}
	.location{
		width: 40vw;
	}

	/* events grid 3 */
	.events-a{
		display: grid;
		grid-template-areas:
			"eve eve"
			"cc3 cc3"
			"img3 p-1";
		grid-template-rows: 2rem auto;
		grid-template-columns: 1fr 2fr;
		grid-gap: 1rem;
	}
	.content-column-3{
		grid-area: cc3;
	}


	 .p-1{
		grid-area: p-1;
		/* margin-top: .76rem; */
	}
	.img3{
		width: 40vw;
		grid-area: img3;
		/* transform: rotate(90deg);*/
		margin-top: 1rem;
		display: block;
		/* margin: 0 0 0 .5rem; */
	}

	.events{
		grid-area: eve;
	}

}
/* Mobile Galaxy portrait S5 begin*/

/* Mobile Galaxy portrait S5 end*/
@media screen and (min-width: 640px) {
	.js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
	.nav-toggle{
		display: none;
	}
	nav ul.ul2{
		display: grid;
		grid-template-areas:
			"li1 li2 li3 li4 li5";
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	h1{
		font-size: 2rem;
	}
	.tagline{
		font-size: 1.5rem;
	}
	.special-container{
		margin-top: 0;
		margin-bottom: 1rem;
		height: 250px;
	}
	.img2{
		width: 40vw;
	}
	.afe-logo{
		/* margin-left: 3.75rem; */
	}
	.bracket {
		height: 245px;
	}
	/* .header-1 {
    display: grid;
    grid-template-areas:
			"afe ht ht"
			". . tog"
			"colap colap colap";
    grid-template-rows: auto auto;
    grid-template-columns: .2fr 1fr 1fr;
    grid-gap: .3rem;
} */
}


/* iPhone 6/7/8 close*/
/* iPhone 6/7/8 */
@media screen and (min-width: 675px) {
	.special-container{
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 700px) {


	.special-container{
		margin-bottom: 3rem;
	}
}
@media screen and (min-width: 710px) {
	.special-container{
		margin-bottom: 3rem;
	}
}
@media screen and (min-width: 711px) {
	.special-container{
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 720px) {
	nav ul.ul2{
		display: grid;
		grid-template-areas:
			"li1 li2 li3 li4 li5";
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
.nav ul.ul2 li{
	font-size: .9rem;
}
.li1{
	grid-area: li1;
}

.li2{
	grid-area: li2;
}

.li3{
	grid-area: li3;
}

.li4{
	grid-area: li4;
}

.li5{
	grid-area: li5;
}

.special-container{
	margin-bottom: 3rem;
}
.div1{
	display: grid;
	grid-template-areas:
		"cta cta"
		"img10 spec"
		"cc1 cc1";
	grid-template-rows: auto 19.5rem auto;
	grid-template-columns: 1fr 1fr;
}
.img1{
	margin-left: 0;
	width: 40vw;
	grid-area: img1;
}
.location{
	width: 30vw;
}
.content-column-1{
	width: 90vw;
	grid-area: cc1;
}
}
@media screen and (min-width: 721px){
	.header-1#fixedbar{
		/* background-color: #9b94d0; */
		position: static;
		/* top: 0; */
		/* width: 0; */
		max-width: 1350px;
		/* margin: 0; */
	}
	.header-1#fixedbar li a{
		float: none;
		border: none;
	}
	.nav-collapse ul{ /*top navigation*/
		/* display: flex;
		flex-flow: row nowrap; */
	}
	#salute .soldier{
	/* width: 9%; */
	margin: .5rem 0 0 .5rem;
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
}

/* grid1 */
	.div1{
		display: grid;
		grid-template-areas:
			"cta cta"
			"img10 spec"
			"cc1 cc1";
		grid-template-rows: auto auto;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1rem;

	}

	.img1{
		grid-area: img1;
		/* width: 50vw; */
		margin-left: 0;
	}
	.content-column-1{
		grid-area: cc1;
	}
	.military-video{
		grid-area: vid;
		width: 100%;
	}
	h1{
		/* margin-left: 1rem; */
	}
	.tagline{
		margin-bottom: .5rem;
		/* margin-left: 2rem; */
	}
	.header-1 {
	 display: grid;
	 grid-template-areas:
		 "afe ht ht"
		 ". . tog"
		 "colap colap colap";
	 grid-template-rows: auto auto;
	 grid-template-columns: .2fr 1fr 1fr;
	 grid-gap: .3rem;
}
}
/* resp nav */
@media screen and (min-width: 720px) {

	#salute .soldier{
	width: 100%;
	margin: 5rem .5rem 0 .5rem;
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}
@media screen and (min-width: 731px) {
	.content-column-1{
		margin-top: 0;
	}
	.div1{
		grid-template-rows: 2rem 19rem;
	}
	.afe-logo{
		/* margin-left: 4.75rem; */
	}
	.header-1 {
    /* display: grid;
    grid-template-areas:
			"afe ht ht"
			". . tog"
			"colap colap colap";
    grid-template-rows: auto auto; */
    grid-template-columns: .15fr 1fr 1fr;
    /* grid-gap: .3rem; */
	}
	h1{
		margin-left: 0;
	}
	.tagline{
		margin-left: 0;
	}
}
@media screen and (min-width: 736px) {
	.special-container{
		height: 170px;
	}
	.img10{
		width: 60%;
	}
	.div1{
		grid-template-rows: 2rem 14rem;
	}
}
/* iPhone 6/7/8 Plus*/

@media screen and (min-width: 740px) {

	#salute .soldier{
	/* width: 9.25%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
	.special-container{
		margin-bottom: 4rem;
	}
	.div2{
		display: grid;
		grid-template-areas:
			"ben ben"
			"img2 cc2"
			"img2 cc3"
			"img2 on"
			"aud aud"
			"eh eh"
			"cs p-1";
		grid-template-rows: 2rem auto auto auto auto auto auto;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1rem;
	}
	.p-1{
		margin-top: 0;
	}
}
@media screen and (min-width: 750px) {
	.div1 {
    grid-template-rows: 2rem 15rem;
	}
}
@media screen and (min-width: 757px) {
	.directions-a {
    grid-template-rows: 2rem 8rem auto;
	}
}
@media screen and (min-width: 765px){

	#salute .soldier{
	/* width: 9%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}
@media screen and (min-width: 770px) {

	#salute .soldier{
	/* width: 7.25%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}
@media screen and (min-width: 785px) {
	.div1 {
    grid-template-rows: 2rem 16rem;
	}
}
@media screen and (min-width: 800px){
	main{
		display: grid;
		grid-template-areas:
			"div1 div2"
			"nav2 dir"
			"conc rep";
		grid-template-rows: auto auto auto;
		grid-template-columns: 1.25fr 2fr;
		grid-gap: .3rem;
	}
	.report-a{
		margin-right: 0;
		margin-bottom: 1rem;
		margin-left: 1rem;;
		grid-area: rep;
	}
	/* .img1{
		display: none;
	}
	.img10{
		display: block;
		width: 20vw
	} */
	.special-container {/*formally special*/
    grid-area: spec;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 3.5rem;
    font-size: 1rem;
    width: 25vw;
    height: 26.5vh;
		/* max-width: 25vw;
    max-height: 25vh; */
		display: block;
	}
	.special-container {
    background-color: #0f1331;
    padding: 1rem;
    width: 85%;
    /* height: 21vh; */
		margin-left: 0;
		margin-top: 1.91rem;
	}
.special-title {
    margin-bottom: 0;
    font-size: 1rem;
    border-bottom: 1px white solid;
	}
	.date{
		margin-bottom: 0;
		font-size: 1rem;
		margin-top: .25rem;
	}
	.time{
		margin-bottom: .25rem;
		font-size: 1rem;
		margin-top: .25rem;
	}
	.location {
    font-size: 1rem;
    width: 27vw;
		margin-top: 0;
		margin-bottom: 0;
	}
	.special-free {
    font-size: 1rem;
    color: #adb929;
    margin-top: .25rem;
		margin-bottom: 0;
	}
	.div1{
		grid-area: div1;
		/* display: grid;
		grid-template-areas:
			"cta cta"
			"img1 spec"
			"cc1 cc1";
		grid-template-rows: 2rem auto;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1rem; */
		display: block;
		/* width: 350px; */
	}
	.div2{
		grid-area: div2;
		display: block;
		margin-left: 1rem;
	}
	.img2{
		margin-top: 1rem;
		width: 100%;
		display: none;
	}
	.img9{
		margin-top: 1rem;
		width: 100%;
		display: block;
	}
	.img1{
		width: 30vw;
		margin-left: 3.5rem;
		display: none;
	}
	.img5{
		/* margin-top: 1rem; */
		/* margin-left: 4rem; */
		width: 100%;/*42vw*/
	}
	.img6{
		width: 100%;/*42vw*/
	}
	.img7{
		width: 100%;/*42vw*/
	}
	.img8{
		width: 100%;/*42vw*/
	}

	.map{
		width: 100%;
		margin-top: .5rem;
	}
	.events-a{
		grid-area: evea;
		display: block;
	}
	.concessions-a{
		grid-area: conc;
		margin-left: 0;
		display: block;
		/* outline: blue 1px solid; */
	}
	.admissions-a{
		/* grid-area: admi; */
		margin-left: 0;
		display: block;
	}
	.directions-a{
		margin-left: 1rem;
		grid-area: dir;
		display: block;
	}
	.content-column-1 {
    margin-top: 1rem;
		width: 100%;/*43vw*/
	}
	.p3{
		margin-top: 1rem;
	}
	.p-1{
		margin-top: 1rem;
	}
	.free-admis{
		width: 100%;
		margin-top: .5rem;
	}
	.eatery{
		width: 100%;
		margin-top: .5rem
	}
	.img10{
		width: 70%;
		display: none;
	}
	.img11{
		display: block;
		width: 100%;
		margin-top: 1.3rem;
	}
	.report-a p {
    margin-top: .5rem;
	}
	.direct{
		margin-top: .5rem;
	}
	.con-snack{
		margin-top: .5rem;
	}
	.admis-para1{
		margin-top: .5rem;
	}
}

/* iPhone X*/
@media screen and (min-width: 812px) {
	.special-container{
		height: 165px;
	}
	/* .admissions-a{
		display: block;
	}
	.directions-a{
		display: block;
	}
	.concessions-a{
		display: block;
	} */
	/* .admissions-a{
		display: grid;
		grid-template-areas:
			"adh adh"
			"fad ap1"
			"fad ap2";
		grid-template-rows: 3rem 6rem auto; */
		/* grid-template-columns: 1fr 1fr; */
	/* } */
	.directions-a{
		display: grid;
		grid-template-areas:
			"drc drc"
			"map direct"
			"map ol1";
		grid-template-rows: 2rem 8rem auto;
		grid-template-columns: 1fr 2fr;
		/* grid-gap: 1rem; */
	}
	/* .concessions-a{
		display: grid;
		grid-template-areas:
			"conh conh"
			"eat cons";
		grid-template-rows: 2.5rem auto; */
		/* grid-template-columns: 1fr 1fr; */
		/* grid-gap: 1rem; */
	/* } */
	.map{
		width: 150px;
	}
	.going-up3{
		justify-content:space-between;
	}
	.eatery{
		width: 100%;
	}
	.free-admis{
		width: 100%;
		margin-top: 0;
	}
	.admis-para2{
		margin-top: 0;
	}
	.ol-1{
		margin-top: 0;
	}
	.afe-logo{
		/* margin-left: 5.75rem; */
	}
	.bracket {
		height: 270px;
	}
}

@media screen and (min-width: 823px) {
	.special-container{
		height: 160px;
	}
	/* .img2{
		display: none;
	} */
	/* .img9{
		display: block;
	} */
	.free-admis {
    margin-top: 0;
	}
	.afe-logo{
		/* margin-left: 6rem; */
	}
}

/* Pixel 2 XL */

@media screen and (min-width: 830px){
	html{
		/* padding: .5rem; */
	}
	#salute .soldier{
	/* width: 6.7%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
	.special-container-top{
		background-color: #0f1331;
		border: 10px gold solid;
		padding: 1rem;
		font-size: 1.25rem;
	}
	.special-header-top{

	}
	.special-title-top{
		color: #bba;
		font-size: 2rem;
	}
	.special-content{
		color: #adb929;
		font-size: 1.75rem;
	}
	/* p.date-top{
		margin-top: .5rem;
		margin-bottom: 0;
	}
	p.time-top{
		margin-top: .5rem;
		margin-bottom: 0;
	}
	p.location-top{
		margin-top: .5rem;
		margin-bottom: 0;
		line-height: 1.2;
	}
	p.special-free-top{
		margin-top: .5rem;
		margin-bottom: 0;
	} */
}
@media screen and (min-width: 848px){
	.special-container{
		height: 190px;
	}
	.location{
		width: 26.5vw;
	}
}
@media screen and (min-width: 864px){
	.special-container{
		height: 210px;
	}
	.special-container{
		height: 175px;
	}
	.location{
		width: 26vw;
	}
}
@media screen and (min-width: 881px){
	.location{
		width: 175px;
	}
}
@media screen and (min-width: 900px){
	.bracket{
		height: 290px;
	}
	.img3{
		width: 40vw;
	}
	.special-container{
		/* width: 38vw; */
	}
	.admissions-a{
		/* display: block; */
	}
	.free-admis{
		width: 100%;
	}
	/* .directions-a{
		display: block;
	} */
	.map{
		width: 100%;
	}
	.concessions-a{
		/* display: block; */
	}
	.eatery{
		width: 100%;
	}

	body{
		padding-bottom: .5rem;
		padding-left: .5rem;
		padding-right: .5rem;
	}
	footer{
		margin-left: 0;
		margin-right: 0;
	}
	main{
		margin-left: 0;
		margin-right: 0;
	}
	.content-column-1{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.top-p{
		line-height: 1.35;
	}
	.bottom-p{
		line-height: 1.35;
	}
	.content-column-2{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.content-column-3{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.admis-para1{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.admis-para2{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.direct{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.ol-1{
		font-size: 1.1rem;
		line-height: 1.35;
		margin-top: 1rem;
	}
	.report-a p{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.ul-1{
		line-height: 1.5;
	}
	.audio-para{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.p-1{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	.p3{
		line-height: 1.35;
	}
	.top-p2{
		line-height: 1.35;
	}
	.con-snack{
		font-size: 1.1rem;
		line-height: 1.35;
	}
	h3{
		font-size: 1.45rem;
	}
	h4{
		font-size: 1.35rem;
	}
}
@media screen and (min-width: 920px){
	.img2{
		margin-top: 1rem;
		width: 42.5vw;
	}
	.img5{
		/* margin-top: 1rem; */
		/* margin-left: 4rem; */
		/* width: 42vw; */
	}
	.img6{
		/* width: 42vw; */
	}
	.img7{
		/* width: 42vw; */
	}
	.img8{
		/* width: 42vw; */
	}
}
@media screen and (min-width: 930px){
	.img3{
		width: 40vw;
	}
	.special-container{
		width: 24.5vw;
	}
}
@media screen and (min-width: 930px){
	.special-container{
		width: 87%;
	}
}
@media screen and (min-width: 960px){
	.afe-logo{
		grid-area: afe;
		margin-top: 1rem;
		margin-left: .75rem;
	}
	.header-1{
		display: block;
	}
	.header-1{
		display: grid;
		grid-template-areas:
			"afe ht colap";
		grid-template-rows: auto;
		grid-template-columns: 0.001fr 1fr 1.5fr;
		grid-gap: .3rem;
	}
	.h1tagline{
		grid-area: ht;
	}
	nav ul.ul2{
		grid-area: nav;
		margin-top: 4.3rem;
	}
	nav ul.ul2 li{
		font-size: .75rem;
	}
	nav ul li {
    padding: 0;
		border: none;
}
h1{
	font-size: 1.5rem;
	margin-left: .25rem;
	padding-left: 0;
}
.tagline{
	font-size: 1.25rem;
	margin-left: .25rem;
}

	.military-video{
		display: block;
	}
	#salute .soldier{
	/* width: 7.75%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
	.img1{
		width: 30vw;
		margin-left: 4.5rem;
	}
	.img2{
		width: 30vw;
		display: none;
	}
	.img9{
		display: none;
	}
	.img3{
		width: 30vw;
		margin-top: 1rem;
    margin-left: 5.1rem;
	}
	span{
		/* margin-left: 5.1rem; */
	}
	.img4{
		display: block;
		width: 20vw;
		/* margin-top: .5rem; */
		/* margin-left: 4.25rem; */
	}
	.img5{
		width: 20vw;
	}
	.img6{
		width: 20vw;
	}
	.img7{
		width: 20vw;
	}
	.img8{
		width: 20vw;
	}

	.div1{
		display: block;
	}
	.div2{
		display: block;
		margin-left: 1rem;
		display: grid;
		grid-template-areas:
			"ben ben"
			"img4 cc2"
			"cc3 cc3"
			"aud aud"
			"eh eh"
			"cs p-1";
		grid-template-rows: 2rem auto auto auto auto auto;
		grid-template-columns: 1fr 2fr;
		/* grid-gap: 1rem; */
	}
	.content-column-1{
		width: 100%;
	}
	.content-column-2{
		width: 100%;/*21vw*/
		/* margin-top: 1rem; */
	}
	.content-column-3{
		width: 100%;/*40vw*/
	}
	.p-1{
		width: 100%;
		margin-top: 0;
		margin-right: 0;
	}
	.events-a{
		display: block;
		/* height: 656px; */
	}

	.div1{
		grid-area: div1;
	}
	.div2{
		grid-area: div2;
	}

	.events-a{
		grid-area: evea;
	}
	.special-container{
		/* width: 34vw; */
		/* margin-left: 4.5rem; */
	}
	.content-column-1{
		width: 100%;
	}
	.map{
		width: 20vw;
		margin-top: 0;
	}
	.free-admis{
		width: 90%;
	}
	.eatery{
		width: 100%;
	}
	/* .admissions-a{
		display: grid;
		grid-template-areas:
			"adh adh"
			"fad ap1"
			"fad ap2";
		grid-template-rows: 2.5rem 4.5rem auto;
		grid-template-columns: .55fr 1fr;
	} */
	.directions-a{
		display: grid;
		grid-template-areas:
			"drc drc"
			"map direct"
			"map ol1";
		grid-template-rows: 2rem 7rem auto;
		grid-template-columns: .5fr 1fr;
		grid-gap: 1rem;
	}
	/* .concessions-a{
		display: grid;
		grid-template-areas:
			"conh conh"
			"eat cons";
		grid-template-rows: 2rem auto;
		grid-template-columns: .5fr 1fr;
		grid-gap: 1rem;
	} */
}
@media screen and (min-width: 980px){
	.bracket{
		height: 310px;
	}
	.military-video{
		display: block;
	}
	#salute .soldier{
	/* width: 7.25%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
	.report-a{
		/* height: 96px; */
	}
	.special-container{
		/* width: 33vw; */
	}
	.content-column-1{
		width: 100%;
	}
}
@media screen and (min-width: 1000px){
	.header-1{
		/* display: flex;
		flex-flow: row nowrap; */
	}
	nav ul li{
		font-size: 1rem;
		border: none;
	}
	h1{
		font-size: 1.5rem;
	}
	.tagline{
		font-size: 1.25rem;
	}
	th{
		font-size: 2rem;
	}
	td{
		font-size: 1.5rem;
	}
	.img3{
		width: 25vw;
		margin-left: 0;
		/* align: center; */
	}
	span{
		margin-left: 0;
	}
	.img1{
		width: 25vw;
		margin-left: 6rem;
	}
	.img4{
		width: 20vw;
		margin-left: 0;
	}
	.img5{
		width: 20vw;
	}
	.img6{
		width: 20vw;
	}
	.img7{
		width: 20vw;
	}
	.img8{
		width: 20vw;
	}
	.special-container{
		/* margin-left: 6rem; */
		width: 88%;
	}
	.content-column-1{
		width: 100%;
	}
	.content-column-2{
		width: 100%;/*20vw*/
		/* margin-top: 1rem; */
	}
	.content-column-3{
		width: 100%;/*39vw*/
	}
	.p-1{
		/* width: 20vw; */
	}
	.afe-logo{
		/* margin-left: 1.25rem; */
	}
}
@media screen and (min-width: 1010px){
	.special-container{
		/* width: 23vw; */
	}
	.special-container{
		/* width: 19.5vw; */
	}
}
@media screen and (min-width: 1020px){
}
@media screen and (min-width: 1040px){
	#salute .soldier{
	width: 100%;
	margin: 4rem .5rem 0 .5rem;
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}
@media screen and (min-width: 1050px){
	.p-1{
		margin-right: .25rem;
	}
	#salute .soldier{
	/* width: 6.7%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
	/* .special {
	    width: 23vw;
	} */
	.special-container {
	    /* width: 20vw; */
	}
}

@media screen and (min-width: 1070px){
	.img2{
		/* margin-bottom: 9rem; */
	}
	#salute .soldier{
	/* width: 6.7%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
	.img3{
		width: 25vw;
		margin-left: 7.5rem;
		/* align: center; */
	}
	span{
		/* margin-left: 7.5rem; */
	}
	.img1{
		width: 25vw;
		/* margin-left: 7rem; */
	}
	.img4{
		width: 20vw;
		margin-top: 0;
	}
	.img5{
		width: 20vw;
	}
	.img6{
		width: 20vw;
	}
	.img7{
		width: 20vw;
	}
	.img8{
		width: 20vw;
	}
	.content-column-2{
		margin-top: 0;
	}
}
@media screen and (min-width: 1070px){
	nav ul.ul2 {
    margin-top: 2.9rem;
	}
}
@media screen and (min-width: 1080px){
	.img1{
		grid-area: img1;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	.img11{
		display: none;
	}
	.img2{
		width: 35vw;
	}
	.img3{
		width: 25vw;
	}
	.special-container{
		grid-area: spec;
		margin-left: 0;
		margin-top: 0;
		height: 200px;
	}
	.div1{
		display: grid;
    grid-template-areas:
			"cta cta"
			"img1 spec"
			"cc1 cc1";
    grid-template-rows: 2rem 15rem auto;
    grid-template-columns: 1fr 1fr;
    /* grid-gap: 1rem; */
	}
	.afe-logo{
	}
}
@media screen and (min-width: 1100px){
	#salute .soldier{
	/* width: 6.75%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
}
	.admissions-a{
		display: grid;
		grid-template-areas:
			"adh adh"
			"fad ap1"
			"fad ap2";
		grid-template-rows: 2.5rem 5rem auto;
		grid-template-columns: .55fr 1fr;
	}
	.free-admis{
		width: 15vw;
	}
	.eatery{
		width: 15vw;
	}
	.directions-a{
		grid-template-rows: 2rem 8rem auto;
	}
	.concessions-a{
		display: grid;
		grid-template-areas:
			"conh conh"
			"eat cons";
		grid-template-rows: 2rem auto;
		grid-template-columns: .5fr 1fr;
		grid-gap: 1rem;
	}
	.admis-para1{
		margin-top: 0;
	}
	.direct{
		margin-top: 0;
	}
}
@media screen and (min-width: 1104px){
.location{
	width: 21vw;
	font-size: 1.1rem;
	}
	.special-free{
		font-size: 1.1rem;
	}
	.time{
		font-size: 1.1rem;
	}
	.date{
		font-size: 1.1rem;
	}
	.special-container{
		height: 225px;
	}
	.div1{
    grid-template-rows: 2rem 16rem auto;
	}
}
@media screen and (min-width: 1147px){
	#salute .soldier{
	/* width: 6.5%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}
@media screen and (min-width: 1120px){
	.bracket{
		height: 325px;
	}
}
@media screen and (min-width: 1150px){
	#salute .soldier{
	width: 100%;
	margin: 3rem .5rem 0 .5rem;
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}
@media screen and (min-width: 1160px){
	#salute .soldier{
	/* width: 6%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
.img1{
	width: 100%;
	/* margin-left: 8rem; */
	}
.img3{
	width: 22vw;
	margin-left: 0;
	margin-top: 0;
	}
.special-container{
	/* margin-left: 8rem; */
	width: 75%;
	}
.location{
	/* width: 20vw; */
	}
span{
	margin-left: 0;
	}
	.img4{
		width: 22vw;
		/* margin-left: 8rem; */
	}
	.img5{
		width: 22vw;
		/* margin-left: 0; */
	}
	.img6{
		width: 22vw;
	}
	.img7{
		width: 22vw;
	}
	.img8{
		width: 22vw;
	}

	.p-1{
	/* margin-top: 0; */
	/* width: 250px; */
	}

	/* .special {
    width: 18.8vw;
	} */

	.div1{
    grid-template-rows: 2rem 16rem auto;
    /* grid-gap: 1rem; */
	}
}
@media screen and (min-width: 1170px){
	.content-column-1{
		font-size: 1.2rem;
		line-height: 1.35;
	}
	.content-column-2{
		font-size: 1.3rem;
		line-height: 1.35;
	}
	.content-column-3{
		font-size: 1.3rem;
		line-height: 1.35;
	}
	.admis-para1{
		font-size: 1.2rem;
		line-height: 1.35;
	}
	.admis-para2{
		font-size: 1.2rem;
		line-height: 1.35;
	}
	.direct{
		font-size: 1.2rem;
		line-height: 1.35;
	}
	.ol-1{
		font-size: 1.2rem;
		line-height: 1.35;
		margin-top: 1rem;
	}
	.report-a p{
		font-size: 1.2rem;
		line-height: 1.35;
	}
	.ul-1{
		line-height: 1.5;
	}
	.audio-para{
		font-size: 1.3rem;
		line-height: 1.35;
	}
	.p-1{
		font-size: 1.3rem;
		line-height: 1.35;
	}
	.con-snack{
		font-size: 1.2rem;
	}
	h3{
		font-size: 1.65rem;
	}
	h4{
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 1180px){
	.afe-logo{
		/* margin-left: 2.25rem; */
	}
}
@media screen and (min-width: 1210px){
	.img3{
		/* margin-left: 8.5rem; */
	}
	span{
		margin-left: 0;
	}
	.img4{
		/* margin-left: 8.5rem; */
	}}
@media screen and (min-width: 1211px){
	.report-a{
		/* height: 96px; */
	}
}
@media screen and (min-width: 1213px){
	.events-a{
		/* height: 656px; */
	}
}
@media screen and (min-width: 1230px){
	#salute .soldier{
	width: 100%;
	margin: 2rem .5rem 0 .5rem;
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
	}
}
@media screen and (min-width: 1236px){
	.report-a{
		/* height: 96px; */
	}
}
@media screen and (min-width: 1243px){
	.directions-a{
		/* height: 176px; */
	}
}
@media screen and (min-width: 1246px){
	.events-a{
		/* height: 636px; */
	}
}
@media screen and (min-width: 1252px){
	/* .special {
    width: 19vw;
	} */
	.special-container {
    width: 16.5vw;
		border: gold 10px solid;
	}
	.location{
		width: 16vw;
	}
}
@media screen and (min-width: 1270px){
	.afe-logo{
		/* margin-left: 2.8rem; */
	}
}
@media screen and (min-width: 1280px){
	body{
		max-width:1300px;
		margin: 0 auto;
	}
	main{
		display: grid;
		grid-template-areas:
			"div1 div2 div2"
			"nav2 dir conc"
			"rep rep rep";
		grid-template-rows: auto auto auto;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: .3rem;
	}
	.special-container { /*formally special*/
    grid-area: spec;
    margin-right: 1rem;
		width: 12vw;
		height: 205px;
	}
	header.special-header{
		max-width: 153px;
	}
	p.date{
		max-width: 153px;
	}
	p.time{
		width: 170px;
		max-width: 170px;
	}
	p.location{
		width: 170px;
	}
	p.special-free{
		max-width: 153px;
	}
	.map{
		width: 100%;/*250px*/
		margin-top: 1rem;
	}
	.eatery{
		width: 100%;/*250px*/
		margin-top: 1rem;
	}
	.free-admis{
		width: 100%;
		margin-top: 1rem;
	}
	.con-snack {
    margin-top: 1rem;
	}
	.direct{
		margin-top: 1rem;
	}
	.admis-para1{
		margin-top: 1rem;
	}
	.div1{
		grid-area: div1;
			display: grid;
			grid-template-areas:
				"cta cta"
				"img1 spec"
				"cc1 cc1";
			grid-template-rows: 2rem 16rem auto;
			grid-template-columns: 1fr 1fr;
		/* width: 350px; */
	}
	.div2{
		grid-area: div2;
		display: block;
		margin-left: 1rem;
	}
	.img2{
		margin-left: 1.25rem;
	}
	.events-a{
		grid-area: evea;
		display: block;
	}
	.concessions-a{
		display: block;
		grid-area: conc;
		margin-left: 1rem;
		margin-right: 0;
	}
	.admissions-a{
		/* grid-area: admi; */
		margin-left: 0;
		display: block;
	}
	.directions-a{
		grid-area: dir;
		margin-left: 0;
		display: block;
	}
	.admis-header{
		margin-top: 1rem;
	}
	img{
		max-width: 1280px;
		margin: 0 auto;
		display: block;
	}

	.div1{
		margin: 0 1rem 1rem 0;
	}

	.div2{
		margin: 0 0 1rem 0;
		padding: 1rem;
	}
	.admissions-a{
		padding: 0 1rem 0 1rem;
		margin-right: 1rem;
	}
	.directions-a{
		/* flex: 2; */
		/* margin: 0 0 1rem 1.25rem; */
		padding-right: 1rem;
	}
	.concessions-a{
		/* flex: 2; */
		/* margin: 0 0 1rem .5rem; */
	}
	main{
		background-color: #fff;
	}

	#salute .soldier{
	/* width: 5.5%; */
	/* margin: .5rem 0 0 .5rem; */
	/* position: relative;
	top: 0px;
	left: 0px;
	animation: salute-soldiersoldier .6s linear .01s 1 forwards; */
}

	.content-column-1{
		width: 30vw;
	}
	.military-video{
		grid-area: vid;
		width: 100%;
	}
	.img1{
		width: 15vw;
	}
	.img2{
		width: 10vw;
	}
	.img3{
		width: 15vw;
	}
	.img4{
		width: 20vw;
		margin-left: 0;
	}
	.div2{
		display: grid;
		grid-template-areas:
			"ben ben"
			"img4 cc2"
			"cc3 cc3"
			"aud aud"
			"eh eh"
			"cs p-1";
		grid-template-rows: 2rem auto auto 9.5rem auto auto;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1rem;
	}
	.content-column-2{
		/* width: 39vw; */
	}
	.benefits{
		grid-area: ben;
		/* width: 20vw; */
	}
	#nav6{
		flex: 12;
	}
	.img2{
		grid-area: img2;
		/* transform: rotate(90deg); */
		width: 40vw;
	}
	.img4{
		grid-area: img4;
		/* transform: rotate(90deg); */
		/* width: 40vw; */
	}
	.img5{
		width: 20vw;
		/* margin-left: 0; */
	}
	.img6{
		width: 20vw;
	}
	.img7{
		width: 20vw;
	}
	.img8{
		width: 20vw;
	}

	audio{
		/* grid-area: aud; */
		display: block;
		width: 720px;
	}
	.events-a{
		/* display: grid;
		grid-template-areas:
			"eve eve"
			"cc3 cc3"
			"img3 p-1";
		grid-template-rows: 2rem auto;
		grid-template-columns: 1fr 2fr;
		grid-gap: 1rem;
		width: 33vw;*/
		margin-left: 1rem;
		/*max-width: 440px; */
		/* width: 414px; */
	}
	.content-column-3{
		grid-area: cc3;
		width: auto;
	}
	 .p-1{
		grid-area: p-1;
	}
	.img3{
		grid-area: img3;
		/* transform: rotate(90deg);
		margin-top: 1rem; */
		display: block;
		margin: 1rem 0 0 0;
	}

/* content */
	.p-1{
		width: 450px;
		margin-top: 0;
	}
	.p3{
		/* width: 26vw; */
	}
	.content-column-1{
		width: 30.7vw;
	}


	.events-a{
		grid-area: evea;
		/* width: 385px; */
	}

	.report-a{
		margin-left: 0;
		/* height: 60px; */
	}
	.ol-1{
		font-size: .9rem;
	}
	.going-up3{
		margin-right: 1rem;
	}
	.going-up5 {
    flex: 0;
	}
	.cta{
		margin-bottom: 2rem;
	}
	.overlay{
		display: none
	}
	.spanon{
		display: none
	}
	.tabledisappear{
		display: table;
		width: 100%;
	}
	th{
		font-size: 1rem;
	}
	td{
		font-size: .8rem;
	}
	.table1{
		margin-top: 1rem;
		margin-left: 0;
		width: 450px;
	}
	.all{
		margin-left: 0;
		width: 450px;
	}
	.top-p2 {
    width: 450px;
	}
	.audio-para{
		width: 700px;
	}
}
@media screen and (min-width: 1288px){
	.events-a{
		margin-left: 1rem;
		/* width: 380px; */
		/* max-width: 380px; */
	}
}
@media screen and (min-width: 1290px){
	audio{
		width: 728px;
	}
}
@media screen and (min-width: 1295px){
	.events-a{
		margin-left: 1rem;
		/* width: 382px; */
	}
	.content-column-1{
		width: 30.5vw;
	}
	.content-column-2{
		/* width: 39vw; */
	}
}
@media screen and (min-width: 1298px){
	.p3{
		width: 770px;
	}
}
@media screen and (min-width: 1300px){
	.events-a{
		margin-left: 1rem;
		/* width: 31vw; */
	}
	.img1{
		max-width: 195px;
	}
	.img4{
		max-width: 260px;
	}
	.course-show{
		max-width:260px;
	}
	.special-container{
		max-width: 208px;
	}
	audio{
		max-width: 728px;
	}
	/* .audio{
		max-width: 799px;
	} */
	.div2{
		max-width: 790px;
	}
	.afe-logo{
		/* margin-left: 3rem; */
	}
	.benefits{
		max-width: 783px;
	}
	p.time {
    max-width: 170px;
	}
}
/*
@media screen and (min-width: 1305px){
	.top-p2 {
		width: 475px;
	}
}
@media screen and (min-width: 1307px){
	.events-a{
		margin-left: 1rem;
		width: 375px; not in use
	}
}
@media screen and (min-width: 1308px){
	.events-a{
		margin-left: 1rem;
		width: 385px; not in use
	}
	.content-column-1{
		width: 30vw;
	}
	.content-column-2{
		width: 39vw;
	}
}
@media screen and (min-width: 1310px){
	.events-a{
		margin-left: 1rem;
		width: 396px; not in use
	}
}

@media screen and (min-width: 1317px){
	.content-column-1{
		width: 30vw;
	}
	.content-column-2{
		width: 39vw;
	}
}
@media screen and (min-width: 1318px){
	.content-column-2{
		width: 38.5vw;
	}
}
@media screen and (min-width: 1324px){
	.content-column-2{
		width: 38vw;
	}
}
@media screen and (min-width: 1330px){
	.top-p2{
		width: 35vw;
	}
	.p3{
		width: 55vw;
	}
	.p-1{
		width: 40vw;
	}
	audio {
    width: 755px;
		max-width: 755px;
	}
}
@media screen and (min-width: 1335px){
	.events-a{
		margin-left: 1rem;
		width: 384px; not in use
	}
	.content-column-1{
		width: 29.5vw;
	}
	.content-column-2{
		width: 37.5vw;
	}
}
@media screen and (min-width: 1336px){
	.events-a{
		margin-left: 1rem;
		width: 394px; not in use
	}
	.content-column-1{
		width: 29.5vw;
	}
	.content-column-2{
		width: 37.5vw;
	}
}
@media screen and (min-width: 1337px){
	.events-a{
		margin-left: 1rem;
		width: 394px; not in use
	}
}
@media screen and (min-width: 1343px){
	.p-1{
		width: 35vw;
	}
}
@media screen and (min-width: 1350px){
	.events-a{
		margin-left: 1rem;
		width: 394px; not in use
	}
	.content-column-2{
		width: 37vw;
	}
}
*/
@media screen and (min-width: 1360px){
	#nav6{
		flex: 11;
	}
}
/*
@media screen and (min-width: 1361px){
	.events-a{
		margin-left: 1rem;
		width: 395px; not in use
	}
	.content-column-1{
		width: 28.75vw;
	}
	.content-column-2{
		width: 36.5vw;
	}
}
@media screen and (min-width: 1362px){
	.events-a{
		margin-left: 1rem;
		width: 395px; not in use
	}

}
@media screen and (min-width: 1363px){
	.events-a{
		margin-left: 1rem;
		width: 396px; not in use
	}
	.content-column-1{
		width: 29vw;
	}

}
@media screen and (min-width: 1365px){
	.events-a{
		margin-left: 1rem;
		width: 396px; not in use
	}
}
@media screen and (min-width: 1366px){
	.events-a{
		margin-left: 1rem;
		width: 394px; not in use
	}
}
@media screen and (min-width: 1363px){
	.content-column-2{
		width: 36vw;
	}
}
@media screen and (min-width: 1372px){
	.top-p2{
		width: 32vw;
	}
}
@media screen and (min-width: 1377px){
	.events-a{
		margin-left: 1rem;
		width: 398px; not in use
	}
	.content-column-1{
		width: 28.5vw;
	}
	.top-p2{
		width: 452px;
	}
}
@media screen and (min-width: 1380px){
	.img4{
		margin-left: 0rem;
	}
}
@media screen and (min-width: 1390px){
	.content-column-2{
		width: 35vw;
	}
}
@media screen and (min-width: 1403px){
	.events-a{
		margin-left: 1rem;
		width: 394px; not in use
	}
	.content-column-1{
		width: 28vw;
	}
	.content-column-2{
		width: 34.5vw;
	}
}
@media screen and (min-width: 1404px){
	.events-a{
		margin-left: 1rem;
		width: 394px; not in use
	}
	.content-column-1{
		width: 28vw;
	}

}
@media screen and (min-width: 1405px){
	.events-a{
		margin-left: 1rem;
		width: 396px; not in use
	}
	.content-column-1{
		width: 28vw;
	}
	.p3{
		width: 50vw;
	}
	.p-1{
		width: 35vw;
	}
}
@media screen and (min-width: 1406px){
	.events-a{
		margin-left: 1rem;
		width: 395px; not in use
	}
	.content-column-1{
		width: 28vw;
	}

}
@media screen and (min-width: 1415px){
	.top-p2{
		width: 30vw;
	}
}
@media screen and (min-width: 1427px){
	.events-a{
		height: 700px; not in use
	}
	.content-column-1{
		width: 27.5vw;
	}
	.content-column-2{
		width: 34vw;
	}
}
@media screen and (min-width: 1428px){

	.content-column-1{
		width: 27.5vw;
	}

}
@media screen and (min-width: 1429px){

	.content-column-1{
		width: 27.5vw;
	}

}
@media screen and (min-width: 1430px){

	.content-column-1{
		width: 27.5vw;
	}
	.table1{
		width: 440px;
	}
	.all{
		width: 440px;
	}
}
@media screen and (min-width: 1440px){
	.content-column-1{
		width: 27.4vw;
	}
	.content-column-2{
		width: 33.5vw;
	}
	.events-a{
		margin-left: 1rem;
		width: 393px; not in use
	}
	.img1{
	}
	.img4 {
    margin-left: 5.5rem; not in use
	}
	.special-container{
		margin-left: 2.5rem;
	}
}
@media screen and (min-width: 1445px){
	.p-1{
		width: 33vw;
	}
}
@media screen and (min-width: 1450px){
	.content-column-2{
		width: 33vw;
	}
}
@media screen and (min-width: 1460px){
	.p-1{
		width: 32vw;
	}
}
@media screen and (min-width: 1463px){
	.content-column-2{
		width: 32vw;
	}
}
@media screen and (min-width: 1480px){
	.content-column-2{
		width: 31.5vw;
	}
}
@media screen and (min-width: 1489px){
	.p-1{
		width: 31vw;
	}
}
@media screen and (min-width: 1490px){
	.content-column-2{
		width: 30.5vw;
	}
}
@media screen and (min-width: 1510px){
	.content-column-2{
		width: 29.5vw;
	}
}
@media screen and (min-width: 1520px){
	.top-p2{
		width: 25vw;
	}
}
@media screen and (min-width: 1527px){
	.content-column-2{
		width: 28.5vw;
	}
}
@media screen and (min-width: 1530px){
	.p-1{
		width: 29vw;
	}
}
@media screen and (min-width: 1540px){
	.table1{
		width: 27vw;
	}
	.all{
		width: 27vw;
	}
}
@media screen and (min-width: 1545px){
	.p-1{
		width: 28vw;
	}
}
@media screen and (min-width: 1547px){
	.p3{
		width: 45vw;
	}
}
@media screen and (min-width: 1550px){
	.content-column-2{
		width: 27.5vw;
	}
}
@media screen and (min-width: 1570px){
	.top-p2{
		width: 25vw;
	}
	.p-1{
		width: 28vw;
	}
	.table1{
		width: 26vw;
	}
	.all{
		width: 26vw;
	}
	.special-container{
		width: 20vw;
	}
	.content-column-2{
		width: 26.5vw;
	}
}
@media screen and (min-width: 1590px){
	.content-column-2{
		width: 25.5vw;
	}
	.special-container{
		width: 18.5vw;
	}
}
@media screen and (min-width: 1598px){
	.p-1{
		width: 26vw;
	}
}
@media screen and (min-width: 1600px){
	.table1{
		width: 25vw;
	}
	.all{
		width: 25vw;
	}
}
@media screen and (min-width: 1605px){
	.top-p2{
		width: 24vw;
	}
	.p-1{
		width: 25vw;
	}
}
@media screen and (min-width: 1614px){
	.p3{
		width: 45vw;
	}
	.content-column-1{
		width: 23vw;
	}
	.content-column-2{
		width: 29vw;
	}
}
@media screen and (min-width: 1630px){
	.content-column-2{
		width: 28vw;
	}
}
@media screen and (min-width: 1640px){
	.top-p2{
		width: 23vw;
	}
}
@media screen and (min-width: 1655px){
	.location{
		width: 18vw;
	}
	.content-column-2{
		width: 27vw;
	}
}
@media screen and (min-width: 1670px){
	.top-p2{
		width: 22vw;
	}
	.ul-1{
		width: 22vw;
	}
	.img4{
		width: 18vw;
		margin-top: .25rem;
	}
	.img5{
		width: 18vw;
	}
	.img6{
		width: 18vw;
	}
	.img7{
		width: 18vw;
	}
	.img8{
		width: 18vw;
	}

}
@media screen and (min-width: 1670px){
	.content-column-2{
		width: 26vw;
		margin-top: 0;
	}
}
@media screen and (min-width: 1700px){
	.top-p2{
		width: 20vw;
	}
	.content-column-2{
		width: 25vw;
	}
}
@media screen and (min-width: 1708px){
	.ul-1{
		width: 19vw;
	}
	.p3{
		width: 41vw;
	}
	.top-p2{
		width: 25vw;
	}
}
@media screen and (min-width: 1720px){

	.top-p2{
		width: 22vw;
	}
	.ul-1{
		width: 25vw;
	}
	.p-1{
		width: 40vw;
	}
	.table1{
		width: 24vw;
	}
	.all{
		width: 24vw;
	}
	audio{
		width: 740px;
	}
	.p-1{
		width: 24vw
	}
}
@media screen and (min-width: 1730px){
	.content-column-2{
		width: 24vw;
	}
	.top-p2{
		width: 24vw;
	}
	.ul-1{
		width: 25vw;
	}
}
@media screen and (min-width: 1740px){
	.table1{
		width: 23.5vw;
	}
	.all{
		width: 23.5vw;
	}
	audio{
		width: 740px;
	}
}
@media screen and (min-width: 1748px){
	.p3{
		width: 40vw;
	}
	.location{
		width: 17vw;
	}
}
@media screen and (min-width: 1750px){
	.content-column-2{
		width: 23.5vw;
	}
	.img4{
		width: 17.5vw;
	}
	.img5{
		width: 17.5vw;
	}
	.img6{
		width: 17.5vw;
	}
	.img7{
		width: 17.5vw;
	}
	.img8{
		width: 17.5vw;
	}

}
@media screen and (min-width: 1760px){
	.top-p2{
		width: 22vw;
	}
}
@media screen and (min-width: 1770px){
	.top-p2{
		width: 22vw;
	}
	.content-column-2{
		width: 22.5vw;
	}
	.table1{
		width: 22vw;
	}
	.all{
		width: 22vw;
	}
	audio{
		width: 725px;
	}
}
@media screen and (min-width: 1792px){
	.p3{
		width: 35vw;
	}
	.p-1{
		width: 22vw;
	}
	.content-column-2{
		width: 21.7vw;
	}
}
@media screen and (min-width: 1799px){
	.ul-1{
		width: 17vw;
	}
}
@media screen and (min-width: 1814px){
	.table1{
		width: 21.5vw;
	}
	.all{
		width: 21.5vw;
	}
	audio{
		width: 725px;
	}
}
@media screen and (min-width: 1815px){
	.content-column-2{
		width: 21vw;
	}
	.top-p2{
		width: 20vw;
	}
}
@media screen and (min-width: 1820px){
	.ul-1{
		width: 20vw;
	}
	.top-p2{
		width: 21vw;
	}
}
@media screen and (min-width: 1837px){
	.top-p2{
		width: 21vw;
	}
	.content-column-2{
		width: 20.2vw;
	}
	.table1{
		width: 20.25vw;
	}
	.all{
		width: 20.25vw;
	}
}
@media screen and (min-width: 1850px){
	.ul-1{
		width: 14vw;
	}
}
@media screen and (min-width: 1860px){
	.content-column-2{
		width: 19.5vw;
	}
	.top-p2{
		width: 20vw;
	}
	.ul-1{
		width: 19vw;
	}
	.table1{
		width: 19.5vw;
	}
	.all{
		width: 19.5vw;
	}
}
@media screen and (min-width: 1877px){
	.content-column-2{
		width: 19vw;
	}
	.top-p2{
		width: 18vw;
	}
}
@media screen and (min-width: 1880px){
	.content-column-2{
		width: 19vw;
	}
	.p-1{
		width: 21vw;
	}
}
@media screen and (min-width: 1892px){
	.content-column-2{
		width: 18.5vw;
	}
	.table1{
		width: 18.5vw;
	}
	.all{
		width: 18.5vw;
	}
	audio{
		width: 710px;
	}
}
@media screen and (min-width: 1893px){
	.ul-1{
		width: 23vw;
	}
	.p3{
		width: 30vw;
	}
	.p-1{
		width: 20vw;
	}
	.img4{
		width: 15vw;
	}
	.img5{
		width: 15vw;
	}
	.img6{
		width: 15vw;
	}
	.img7{
		width: 15vw;
	}
	.img8{
		width: 15vw;
	}

	.special-container{
		width: 18.3vw;
	}
	.content-column-2{
		width: 23vw;
	}
	.top-p2{
		width: 23vw;
	}
	.table1{
		width: 23vw;
	}
	.all{
		width: 23vw;
	}
}
@media screen and (min-width: 1920px){
	.content-column-2{
		width: 22.5vw;
	}
}
@media screen and (min-width: 1930px){
	.content-column-2{
		width: 22vw;
	}
	.table1{
		width: 22vw;
	}
	.all{
		width: 22vw;
	}
}
@media screen and (min-width: 1947px){
.location{
	width: 16vw;
	}
}
@media screen and (min-width: 1960px){
	.content-column-2{
		width: 21.5vw;
	}
	.table1{
		width: 21vw;
	}
	.all{
		width: 21vw;
	}
	.top-p2{
		width: 20vw;
	}
}
@media screen and (min-width: 1967px){
	.top-p2{
		width: 21vw;
	}
}
@media screen and (min-width: 1977px){
	.content-column-2{
		width: 21vw;
	}
}
@media screen and (min-width: 1990px){
	.content-column-2{
		width: 20.5vw;
	}
	.table1{
		width: 20vw;
	}
	.all{
		width: 20vw;
	}
}
@media screen and (min-width: 2010px){
	.content-column-2{
		width: 20vw;
	}
}
@media screen and (min-width: 2030px){
	.content-column-2{
		width: 19.5vw;
	}
	.top-p2{
		width: 19vw;
	}
	.table1{
		width: 19.5vw;
	}
	.all{
		width: 19.5vw;
	}
}
@media screen and (min-width: 2040px){
	.table1{
		width: 19vw;
	}
	.all{
		width: 19vw;
	}
}
@media screen and (min-width: 2048px){
	.content-column-2{
		width: 19vw;
	}
	.p-1{
		width: 19vw;
	}
}
@media screen and (min-width: 2058px){
	.content-column-2{
		width: 18.5vw;
	}
	.top-p2{
		width: 19vw;
	}
}
@media screen and (min-width: 2065px){
	.table1{
		width: 18.5vw;
	}
	.all{
		width: 18.5vw;
	}
	.top-p2{
		width: 18vw;
	}
}
@media screen and (min-width: 2070px){
 .top-p2{
		width: 18vw;
	}

	.p3{
		width: 25vw;
	}
	.p-1{
		width: 18vw;
	}
	.img4{
		width: 14.5vw;
	}
	.img5{
		width: 14.5vw;
	}
	.img6{
		width: 14.5vw;
	}
	.img7{
		width: 14.5vw;
	}
	.img8{
		width: 14.5vw;
	}

}
@media screen and (min-width: 2080px){
 .top-p2{
		width: 18vw;
	}
	audio{
		width: 700px;
	}
}
@media screen and (min-width: 2100px){
	.top-p2{
		width: 13vw;
	}
	.table1{
		width: 18vw;
	}
	.all{
		width: 18vw;
	}
}

@media screen and (min-width: 2122px){
	.top-p2{
		width: 16vw;
	}
	.table1{
		width: 17.5vw;
	}
	.all{
		width: 17.5vw;
	}
}
@media screen and (min-width: 2130px){
	.top-p2{
		width: 16vw;
	}
	.p3{
		width: 30vw;
	}
	.p-1{
		width: 17vw;
	}

	audio{
		width: 685px;
	}
}
@media screen and (min-width: 2140px){
	.top-p2{
		width: 16vw;
	}
	.table1{
		width: 17vw;
	}
	.ul-1{
		width: 17vw;
	}
	.all{
		width: 17vw;
	}
}
@media screen and (min-width: 2150px){
	.top-p2{
		width: 16vw;
	}
	.table1{
		width: 16.5vw;
	}
	.ul-1{
		width: 17vw;
	}
	.all{
		width: 16.5vw;
	}
}
@media screen and (min-width: 2170px){
	.p-1{
		width: 16vw;
	}
}
@media screen and (min-width: 2180px){
	.top-p2{
		width: 16vw;
	}
	.table1{
		width: 16vw;
	}
	.ul-1{
		width: 17vw;
	}
	.all{
		width: 16vw;
	}
}
@media screen and (min-width: 2200px){
	.content-column-2{
		width: 18vw;
	}

	th{
		font-size: 1.2rem;
	}
	td{
		font-size: .75rem;
	}
	.img4{
		width: 14vw;
	}
	.img5{
		width: 14vw;
	}
	.img6{
		width: 14vw;
	}
	.img7{
		width: 14vw;
	}
	.img8{
		width: 14vw;
	}
}
@media screen and (min-width: 2210px){

	.p3{
		width: 25vw;
	}
	.p-1{
		width: 15vw;
	}
	.img1{
		width: 12vw;
		margin-left: 0;
	}
	.content-column-1{
		width: 18vw;
	}
	.content-column-2{
		width: 21.5vw;
	}
}
@media screen and (min-width: 2210px){

	.content-column-2{
		width: 21vw;
	}
}
@media screen and (min-width: 2220px){
	.special-container{
		width: 13.5vw;
	}
	.special-container{
		width: 12vw;
	} not in use
	.location{
		width: 10vw;
	}
	.img1{
		margin-left: 4rem;
	}
}
@media screen and (min-width: 2242px){

	.special-container{
		width: 13.5vw;
	}
	.location{
		width: 13vw;
	}
	.content-column-2{
		width: 22vw;
	}
	.table1{
		width: 19vw;
	}
	.all{
		width: 19vw;
	}
}
@media screen and (min-width: 2240px){
	.location{
		width: 12.5vw;
	}
	.special-container{
		width: 13.5vw;
	}
}
@media screen and (min-width: 2260px){
	.content-column-2{
		width: 21.5vw;
	}
}
@media screen and (min-width: 2242px){

	.table1{
		width: 18.5vw;
	}
	.all{
		width: 18.5vw;
	}
}
@media screen and (min-width: 2280px){
	.content-column-2{
		width: 21vw;
	}
}
@media screen and (min-width: 2280px){
	.table1{
		width: 18vw;
	}
	.all{
		width: 18vw;
	}
	.p3{
		width: 30vw;
	}
	.p-1{
		width: 18vw;
	}
}
@media screen and (min-width: 2300px){
	.content-column-2{
		width: 20.5vw;
	}
	.table1{
		width: 17.5vw;
	}
	.all{
		width: 17.5vw;
	}
}
@media screen and (min-width: 2320px){
	.content-column-2{
		width: 20.5vw;
	}
	.table1{
		width: 17vw;
	}
	.all{
		width: 17vw;
	}
}
@media screen and (min-width: 2330px){
	.content-column-2{
		width: 20vw;
	}
}
@media screen and (min-width: 2330px){
	.content-column-2{
		width: 19.5vw;
	}
}
@media screen and (min-width: 2350px){
	.table1{
		width: 16.5vw;
	}
	.all{
		width: 16.5vw;
	}
}
@media screen and (min-width: 2370px){
	.table1{
		width: 16vw;
	}
	.all{
		width: 16vw;
	}
	.p-1{
		width: 17vw;
	}
}
@media screen and (min-width: 2377px){
	.content-column-2{
		width: 19vw;
	}
}
@media screen and (min-width: 2400px){
	.content-column-2{
		width: 18.5vw;
	}
}
@media screen and (min-width: 2409px){
	.p-1{
		width: 16vw;
	}
}
@media screen and (min-width: 2420px){
	.content-column-2{
		width: 18vw;
	}
}
@media screen and (min-width: 2422px){
	.img4{
		width: 13vw;
	}
	.img5{
		width: 13vw;
	}
	.img6{
		width: 13vw;
	}
	.img7{
		width: 13vw;
	}
	.img8{
		width: 13vw;
	}

}
@media screen and (min-width: 2450px){
	.content-column-2{
		width: 17.5vw;
	}
}
@media screen and (min-width: 2452px){
	.table1{
		width: 15.5vw;
	}
	.all{
		width: 15.5vw;
	}
	.top-p2{
		width: 15vw;
	}
	.p3{
		width: 28vw;
	}
	.p-1{
		width: 16vw;
	}
}
@media screen and (min-width: 2480px){
	.special-container{
		width: 14.5vw;
	}
	.location{
		width: 14vw;
	}
	.content-column-1{
		width: 16vw;
	}
	.content-column-2{
		width: 18.5vw;
	}
}
@media screen and (min-width: 2484px){
	.special-container{
		width: 13.25vw;
	}
	.location{
		width: 13.5vw;
	}
}
@media screen and (min-width: 2500px){
	.content-column-2{
		width: 18vw;
	}
} */