

* {box-sizing: border-box;
	text-align: center;}

body {background-color: #002244;}

#wrapper {margin: auto;
			width: 80%;
			border: 3px solid #ffffff;
			background-color: #fb4f14;
			color: #002244;
			
			display: grid;
			grid-template-rows: auto;
			grid-template-columns: auto;}
			
header {grid-row: 1/2;
		grid-column: 1/5;}
		
#navone {grid-row: 2/3;
		grid-column: 1/5;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;}

nav ul {display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;}
		
h2 {grid-row: 3/4;
	grid-column: 1/5;}

p {grid-row: 4/5;
	grid-column: 1/5;}

section {grid-row: 5/6;
			grid-column: 1/5;}

footer {grid-row: 6/7;
		grid-column: 1/5;}
		
nav ul {font-weight: bold;
		text-align: center;
		list-style-type: none;}
		
a {text-decoration: none;
	color: #ffffff;}
	
#navtwo {display: flex;
			flex-direction: row;
			justify-content: space-around;
			flex-wrap: nowrap;
			align-items: center;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;}

#superbowl {width: 20%;
			height: 150px;}

#superbowl:hover {background-image: url(sbc.jpg);
				background-repeat: no-repeat;
				background-position: center;
}

#peyton {width: 20%;
			height: 150px;}

#peyton:hover {background-image: url(peyton.jpg);
				background-repeat: no-repeat;
				background-position: center;
}



#broncos {width: 20%;
			height: 150px;}

#broncos:hover {background-image: url(broncohead2.png);
				background-repeat: no-repeat;
				background-position: center;
				background-clip: margin-box;
}
			
#what {width: 20%;
		height: 150px;}

#what:hover {background-image: url(bo.jpg);
				background-repeat: no-repeat;
				background-position: center;
}

.headers {text-shadow: 2px 2px 5px #ffffff;}