Step 58-63

html, body {

margin: 0;

padding: 0;

font-family: 'Libre Baskerville', sans-serif;

}

img {

margin: 10px auto;

height: auto;

width: auto;

}

ul {

text-align: right;

}

h1 {

font-size: 20px;

}

/*Sizing*/

.container {

margin: 0 auto;

}

.spacer {

max-width: 1200px;

margin: auto;

}

.main {

background-color: #ffc200;

}

/*Header Section*/

.header {

padding: 30px 0px 40px;

margin-left: 50px;

margin-right: 50px;

}

.header li {

list-style: none;

display: inline-block;

}

.header li a {

color: #333;

margin:0;

border:0px;

}

/*Jumbotron Section*/

.jumbotron {

background-color: #fff;

max-width: 1200px;

margin-left: 50px;

}

.jumbotron h2 {

font-size: 50px;

margin-bottom: 70px;

}

.jumbotron h2 span {

color:#ffc200;

}

.jumbotron p {

text-shadow: 0 0;

font-size: 16px;

color: #666;

margin-bottom: 0;

}

/*Banner Section*/

.banner {

background-color: #333;

color: #fff;

padding: 20px;

text-align: center;

}

/*Expertise Section*/

.cards {

background-color: #ffc200;

}

.col {

}

#expertise {

padding: 20px;

background-color: #ffc200;

margin: 0;

text-align: center;

}

/*Footer Section*/

.footer {

padding: 60px 0px;

background-color: #000;

color: #fff;

}

.footer h3 {

font-size: 20px;

margin-left: 20px;

}

.footer p {

font-size:12px;

margin-bottom: 0;

margin-left: 20px;

}

<!doctype html>

<html>

<head>

</head>

<body>

<h1>Headlines.</h1>

<ul>

<li><a href="3">About</a></li>

<li><a href="#expertise">Our Services</a></li>

<li><a href="#footer">Contact Us</a></li>

</ul>

</div>

<h2>We <span>collect and curate</span>

articles, opinions, and images

from around the world.</h2>

</div>

<h2>The Bottom Line.</h2>

<p>We deliver the news that is relevant to you.</p>

</div>

<h2 id="expertise">Our Expertise.</h2>

</div>

</div>

</div>

<h3>Headlines.</h3>

<p>1000 7th Avenue</p>

</div>

</body>

</html>