body {
  font-family: "Golos Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background: url("https://images.insurewithcompass.com/bkgnds/Navy/webp/hex_600_500.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


#main {
  height: 100vh;
}

#div-intro {
  width: 90%;
  /*height: 85%;*/
  border-radius: 5px;
  color: var(--bs-gray-dark);
  background-color: rgba(255,255,255, 0.8);
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  font-size: 12px;
  padding-bottom: 30px;
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: rgba(215, 215, 215, 0.55);
  --bs-nav-link-hover-color: rgba(112, 168, 255, 0.7);
  --bs-nav-link-disabled-color: #0000004d;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}


@media (min-width: 576px) {
  #div-intro {
    max-width: 650px;
  }
}

#frm-referral {
  max-width: 80%;
  margin: 0 auto;
  margin-top: 20px;
}

#CIA-logo {
  margin-top: 20px;
  margin-bottom: 10px;
}