.banner {
  background-size: cover;
  background-position: center;
  height: 20em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

h3 {
  padding-bottom: 0.5em;
  font-size: 2em;
}

h2 {
  font-size: 3em;
}

#presentation {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/webp/presentation.webp');
}

#oldtimers {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/webp/oldtimers.webp');
}

#sale {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/webp/sale.webp');
}

#contact {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/webp/contact.webp');
}

#team {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/webp/team.webp');
}

body {
  font-family: Roboto, sans-serif;
}

.nav-link {
  font-size:1.2em
}

.navbar-brand {
  font-size: 2em;
}

body, th, td {
  background-color:#3f3f3f!important;;
}

@media (max-width: 768px) {
  #responsive-iframe {
    width: 100%!important;
    height: auto!important;
  }
  h2 {
    font-size: 2em;
  }
  h3 {
    font-size: 1.5em;
  }
}