.top-bar {
    background-color: #111;
}
.responsive {
    width: 100%;
    height: auto;
  }
  .all-browsers {
margin: 0;
padding: 5px;
background-color: lightgray;
}

.all-browsers > h1, .browser {
margin: 10px;
padding: 5px;
}

.browser {
background: white;
}

.browser > h2, p {
margin: 4px;
font-size: 90%;
}

footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color: white;
}
.header {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color: white;
}
.hero-section {
    background-image: url("../images/bg-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10rem 0;
}

.feature-section,
.news-section {
    padding: 3.5rem 0;
}

.overview-section {
    background-image: url("../images/bg-overview.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 8rem 0;
}