@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css');

body {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  text-transform: uppercase;
  color: #004876;
}

.py-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-section {
  padding-top: 100px;
}

.pb-section {
  padding-bottom: 100px;
}

#hero {
  background: url('../img/hero-bg.jpg');
  background-position: center;
  background-size: cover;
  color: #fff;
}

#navbar {
  background-color: #004876;
}

.hero-text {
  padding-top: 50px;
  padding-bottom: 50px;
}

.hero-text h1 {
  color: #fff;
}

.btn {
  border-radius: 18.5px;
  border: 1.5px solid;
}

.btn-outline-light {
  border-color: #fff;
  color: #fff;
}

.btn-outline-light:hover {
  border-color: #fff;
  background-color: #fff;
  color: #004876;
}

.btn-outline-inverse {
  border-color: #004876;
  color: #004876;
}

.btn-outline-inverse:hover {
  border-color: #004876;
  background-color: #004876;
  color: #fff;
}

.btn-solid {
  border-color: #004876;
  background-color: #004876;
  color: #fff;
}

.btn-solid:hover {
  border-color: #003659;
  background-color: #003659;
  color: #fff;
}

.social-buttons a {
  color: #fff;
}

.social-buttons .fa-inverse {
  color: #004876;
}

.social-buttons a:hover {
  color: #e2e6ea;
  text-decoration: none;
}

.social-buttons .fa-2x {
    font-size: 1.6em;
}

.intro-img img {
  border-radius: 50%;
}

.divider-1 {
  height: 200px;
  background: url('../img/divider-1.jpg');
  background-size: cover;
  background-position: center;
}

.benefits-card img {
  max-width: 400px;
}

.divider-2 {
  height: 200px;
  background: url('../img/divider-2.jpg');
  background-size: cover;
  background-position: center;
}

#form {
  position: relative;
}

#form a {
  color: #000;
  text-decoration: none;
}

.contact-subtitle {
  font-weight: 800;
  color: #004876;
  text-transform: uppercase;
}

.form-img-container {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%
}

.form-control::-webkit-input-placeholder {
  color: #000;
}
.form-control::-moz-placeholder {
  color: #000;
}
.form-control:-ms-input-placeholder {
  color: #000;
}
.form-control:-moz-placeholder {
  color: #000;
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    color: #000;
}

.form-control {
  border: none;
  border-bottom: 2px solid #004876;
  border-radius: 0;
  color: #000;
}

.form-control:focus {
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #004876;
  color: #000;
}

#footer {
  background: #004876;
}

#footer .social-buttons .fa-2x {
    font-size: 1.2em;
}

#footer a,
#footer p {
  color: #fff;
}

#footer a:hover {
  text-decoration: none;
}

#thank-you {
  height: 100vh;
  padding-top: 105px;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
  .hero-text {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .divider-1,
  .divider-2 {
    height: 300px;
  }

  .text-equalizer {
    min-height: 170px;
  }
}

@media (min-width: 1200px) {
  .text-equalizer {
    min-height: 120px;
  }
}