8. Learn more heading - missing bold but accepted


#1

This css is accepted:

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

.jumbotron{
height: 500px;
background-image: url('https://goo.gl/04j7Nn');
}

.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-color: #f7f7f7;
}
.learn-more h3{
font-family: 'Shift', sans-serif;
font-size: 18px;
}

With this Instructions:

  1. Make a new CSS rule that selects the h3 element inside < div class="learn-more" >..< /div>
  2. Set font-family to 'Shift', sans-serif
  3. Set the font-size to 18px
  4. Set the font-weight to bold