@charset "utf-8";
/* CSS Document */
body {
	background: #A2B3F3;
}

#banner {
	text-align: center;
	padding: 30px 10px;
	background: url("../images/ZeroDayBanner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #A2B3F3;
	border-bottom: solid 1px #A2B3F3;
	background-position: center;
}

#zeroday {
	text-align: center;
	padding: 30px 10px;
	background: url("../images/PurpleBanner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #A2B3F3;
	border-bottom: solid 1px #A2B3F3;
	background-position: center;
}

h1 {
	font-family: OCR A;
	font-size: 400%;
	color: #FF7C39;
	text-shadow: 0px 5px 5px rgba(0,0,0,.5);
	line-height: 1.1;
	margin: 15px 0 10px 0;
}

h2 {
	font-family: OCR A;
	font-size: 300%;
	color: #FFFFFF;
	text-shadow: 0px 5px 5px rgba(0,0,0,.5);
	line-height: 1.1;
	margin: 15px 0 10px 0;
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.5rem;
}

#attributions {
	font-size: 1%;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3rem;
}

#content {
	font-family: arial;
	font-size: 125%;
	text-align: center;
	display: block
}

.button {
	font-family: 'Open Sans';
	color: #FF7C39 !important;
	text-transform: uppercase;
	background: #FFFFFF;
	padding: 20px;
	border: 4px solid #FF7C39 !important;
	border-radius: 6px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease 0s;
}

.button:hover {
	color: #00FF54 !important;	
	background: #000000;
	border-radius: 50px;
	border-color: #00FF54 !important;
	transition: all 0.6s ease 0s;
}

.column {
	float: left;
	width: 33.33%;
}

.travelcolumn {
	float: left;
	width: 50%;
}

nav {
	background: #355AE5;
	text-align: center;
	overflow: auto; }
  	nav ul {
		list-style: none;
		margin: 5px; }
		nav ul li {
			display: inline-block; }
      		nav ul li a {
				margin: 0;
				padding: 10px 15px;
				color: #069;
				text-decoration: none;
				background: #FF7C39; }

.description {
	height: 250px;
	border: 4px groove #FF7C39;
}

.grid-container {
	display: grid;
	grid-template-columns: 33% 66%;
}

hr {
	border: 1px solid;
}