#hero { 
	background-color: #3e3f3a;
	background-image: url(../img/lessonly-artwork.jpg); 
	background-size: 100% auto; 
	background-attachment: fixed;
	background-position: center top;
	background-repeat: repeat;
	text-align: center; 
	border-bottom: 4px solid rgba(0,0,0,0.60);
}

#hero img { width: 60%; padding: 40px 0; }

/*#lessons {
	background: -moz-linear-gradient(top,  #5f8eac 0%, #497696 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f8eac), color-stop(100%,#497696));
	background: -webkit-linear-gradient(top,  #5f8eac 0%,#497696 100%); 
	background: -o-linear-gradient(top,  #5f8eac 0%,#497696 100%); 
	background: -ms-linear-gradient(top,  #5f8eac 0%,#497696 100%); 
	background: linear-gradient(to bottom,  #5f8eac 0%,#497696 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8eac', endColorstr='#497696',GradientType=0 );
}*/

#flow h2 { color: white; padding-top: 10px; }

.what-i-learned { 
	background-color: #3e3f3a;
	background-image: url(../img/lessonly-artwork.jpg); 
	background-size: auto auto; 
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  border-bottom: 4px solid rgba(0,0,0,0.40);
  border-top: 4px solid rgba(0,0,0,0.40);
}

.what-i-learned p { color: white; } 

@media only screen and (max-width: 680px) { 
	.what-i-learned { background-size: auto 100% } 
}

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