html {
	background-image: url("../images/wheel.gif");
	font: 12px / 27px "PT Sans", Arial, sans-serif;
	text-align: center;
}
h1 {
	font-size: 300%;
	text-decoration: bold;
	text-align: center;
	font-family: Ocr A;
	color: rgb(26, 148, 248);
	background-color: rgb(21, 18, 9);
	width: 500px;
	border: 5px solid rgb(26, 148, 248);
	border-radius: 19px;
	padding: 20px;
	position: relative;
	width: 95%;
}
ul#nav_menu > li {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	background: rgb(0, 0, 0);
	padding: 5px 20px;
	border-radius: 3px;
	border: 5px solid rgb(26, 148, 248);
	border-radius: 19px;
}
ul#nav_menu > li:first-child {
	margin-left: 0px;
}
ul#nav_menu li a {
	font-size: small;
	font-weight: 900;
	display: block;
	color: rgb(1, 213, 255);
	z-index: 1;
	position: relative;
}
ul#nav_menu ul {
	display: none;
	position: absolute;
	top: 90%;
	left: 14px;
	width: 9em;
	padding: 10px;
	z-index: 9999;
}
ul#nav_menu > li:hover {
	background: rgb(75, 107, 236);
}
ul#nav_menu > li:hover ul {
	display: block;
	margin-left: -1.2em;
	background: rgba(43, 5, 158, 0.749);
	box-shadow: 2px 2px 0 rgba(0,0,0,.5);
}
ul#nav_menu > li:hover ul li a {
	color: rgb(3, 182, 253);
}
ul#nav_menu > li:hover ul li a:hover {
	background: rgba(0, 0, 0, 0.577);
	padding: 0 5px;
}
* {
	box-sizing: border-box;
}
body {
	margin: 0;
}
div {
	background-color: rgba(8, 40, 117, 0.37);
	padding: 20px;
	text-align: center;
	text-decoration: aquamarine;
}	
h2{
	font-size : 150%;
	text-align : center;
	font-family: Ocr A;
	color : rgb(26, 148, 248);
	background-color : rgb(21, 18, 9);
	border : 5px solid rgb(26, 148, 248);
	border-radius : 19px;
	padding : 20px;
	position: relative;
	width : 95%;
	min-width: 65%;

}

.column {
	font-size : 130%;
	text-decoration: solid;
	text-align : center;
	font-family: Ocr A;
	color : rgb(26, 148, 248);
	float: left;
	width: 30%;
	padding: 30px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}
@media screen and (max-width:600px) {
	.column {
		width: 100%;
	}
}