Stuck on 'Learn More'


I don't understand what I've done here, can anyone help? It keeps telling me to set the background colour for learn-more, I can't see where my mistake is?

.nav a {
color: #5a5a5a;
font-size: 11px;
font-weight: bold;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;

.jumbotron {
background-image: url('');
height: 500px;
.jumbotron h1 {
color: #fff;
font-size: 48px;
font-weight: bold;
font-family: 'Shift', sans-serif;
.jumbotron p {
color: #fff;
font-size: 20px;
.learn-more {
background-colour: #f7f7f7;


Don't worry have worked it out! I put the British spelling of colour instead of American 'color'...just in case any UK users experience the same problem!