#hero { 
	background-color: #630003;
	background-image: url(../img/assembly-hall.jpg); 
	background-size: cover;
	text-align: center;
}

#stripes {
	height: 20px;
	background-image: url(../img/stripes.png);
	background-size: auto 20px;
	background-position-x: center;	
}

#hoosiers {
	background-image: url(../img/stripe.png);
	background-size: 200px auto;
	background-position-x: center;
	background-repeat: repeat;
	text-align: center;
}
#hoosiers img { width: 60%; }

.what-i-learned {
	background-image: url(../img/athletics-white-bg.jpg); 
	background-size: 120% auto; 
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat;
}

.what-i-learned p { text-shadow: 0 1px rgba(0,0,0,0.1); }

#typography {
	background-color: #CBC9C7;
}

#shields { 
  background-attachment: fixed;
	background-color: #630003;
	background-image: url(../img/athletics-bg.jpg); 
	background-size: 100% auto; 
	background-position: center bottom;
	background-repeat: repeat;
	text-align: center;
	border-bottom: 4px solid rgba(0,0,0,0.30);
	border-top: 4px solid rgba(0,0,0,0.30);
}

#shields img { width: 50%; }
#shields img.soccer, img.football { margin-top: 40px; }

h2 { color: #990000; }

@media only screen and (max-width: 680px) { 
	#hero img { width: 80%; padding: 40px }
	#shields { 	background-size: auto 100%; } 
}

@media only screen and (max-width: 420px) { 
}