html,
body {
  font-family: Montserrat, serif;
  font-size: clamp(8px, 2.5vw, 13px);
  font-weight: 300;
  background: url('background.webp') center/cover no-repeat;
}

.hero-body {
  align-items: unset !important;
}

.box {
  margin-top: 5rem;
  background-color: rgba(255, 255, 255, 0.1);
}

input {
  font-weight: 300;
}

p {
  font-weight: 700;
}

p.subtitle {
  padding-top: 1rem;
  color: #0D567E;
  font-weight: bold;
  text-shadow: 0px 0px 5px white, 0px 0px 15px white;
}

a {
  color: #fff;
}

a:hover {
  color: #bababa;
}

a.button {
  background-color: #0D567E;
  color: white;
  font-weight: bold;
  border-width: 1px;
  border-color: #0D567E;
}

a.button:hover {
  border-color: #F8B483;
}

select {
  background-color: #0D567E !important;
  border-color: #0D567E !important;
  border-width: 1px !important;
  color: white !important;
  font-family: Montserrat, serif !important;
  font-weight: bold;
  border-width: 1px;
  border-color: #0D567E;
  text-align: center;
  border-radius: 0.75rem !important;
}

select:hover {
  border-color: #F8B483 !important;
}

div.select:hover{
    border: none !important;
}



c.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}