body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h1, h2, h3 {
  font-weight: 600;
}
#services ul {
  max-width: 600px;
  margin: auto;
}

#navbar {
  background: 
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)),
    url('banner.jpg') no-repeat center center; 
  background-size: cover; 
  height: 30vh;
}

#hero {
  position: relative;
  width: 100%;
  height: 100%;
}

img {
  border-radius: 50%;
  width: 40%;
  margin-left: 20%;
}

@media (max-width: 600px) {
  #navbar {
    height: 35vh;
  }
}