.container {
  max-width: 80rem;
  padding-bottom: 7.5rem;
  padding-top: 7.5rem;
}

#home {
  background: #f4f5f6;
  height: 100vh;
  position: relative;
  max-height: 100vh;
  min-width: 100vw;
}

.thumbnail {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.intro {
  background-image: url('../images/intro.png');
  background-size: cover;
  background-position: center;
}

.intro-2 {
  background-image: url('../images/warehouse-i.png');
  background-size: cover;
  background-position: center;
}

.intro-3 {
  background-image: url('../images/city-map.png');
  background-size: cover;
  background-position: center;
}

.intro-7 {
  background-image: url('../images/claudia-gestures-i.png');
  background-size: cover;
  background-position: center;
}