body {
  font-family: 'Segoe UI', sans-serif;
}

.hero {
  background: linear-gradient(rgba(0, 68, 136, 0.85), rgba(0, 68, 136, 0.85)), url('images/hero-bg.webp') center center/cover no-repeat;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

iframe {
  max-width: 100%;
  border: none;
}