header {
  background: url("../../img/header.png");
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

header .quote {
  position: absolute;
  padding: 3rem 10% 2rem 10%;
  color: white;
}

header .quote h1 {
  font-size: 100px;
}

header .quote .btn {
  border: 1px solid white;
  border-radius: 0px;
  color: white;
  padding: 1rem;
  margin-top: 3rem;
  transition: .5s ease-in-out;
}

header .quote .btn:hover {
  color: black;
  background-color: white;
}

@media (max-width: 414px) {
  header .quote {
    margin-top: 6rem;
  }
  header .quote h1 {
    font-size: 64px;
  }
  header .quote .btn {
    margin-top: 1rem;
  }
}

header .quote .d-flex {
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

header .quote .d-flex a {
  color: white;
  text-decoration: none;
}

@media (max-width: 414px) {
  header .quote .d-flex {
    gap: 1rem;
  }
}