/*
    Student Name: Imani Hollie
    File Name: styles.css
*/

.hero {
  background-color: red;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

.welcome {
  position: absolute;
  top: 40%;
}

.display-1 {
  font-size: 4em;
}

.bg-brown {
  background-color: #2a1f14;
}

/* Media Query for Tablet Viewport */
@media (min-width: 768px) {
  .welcome {
    top: 20%;
    left: 5%;
    padding: 2em;
  }
}

/* Media Query for Desktop Viewport */
@media (min-width: 992px) {
  .hero {
    background-position: left;
  }

  .display-1 {
    font-size: 8em;
  }
}