@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat/static/Montserrat-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: MontserratMedium;
  src: url(../fonts/Montserrat/static/Montserrat-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: MontserratBold;
  src: url(../fonts/Montserrat/static/Montserrat-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato/Lato-Regular.ttf);
  font-display: swap;
}

#pink-section {
  background-color: #050F31;
}
#pink-section p {
  margin-bottom: 0;
  font-family: Montserrat;
  color: white;
}
#pink-progressbar {
  font-family: Montserrat;
  text-align: center;
}
#pink-progressbar .progressbar {
  background: #050F31;
  background: linear-gradient(90deg, #050F31 0%, #050F31 80%, #f5f5f5 80%, #f5f5f5 100%);
  box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
}
#pink-progressbar p {
  margin-bottom: 0;
  font-family: Montserrat;
  color: white;
}
#questions h1 {
  font-family: MontserratBold;
  font-size: 26px;
  margin-bottom: 0;
}
#questions h1 span {
  font-family: Montserrat;
}
#questions p {
  font-family: Lato;
  font-size: 21px;
}
.container-buttons {
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.white-row {
  background-color: white;
  height: 100px;
  z-index: 99;
  margin-top: -5rem;
  position: relative;
}
footer {
  background-color: #f3f3f3;
}
footer .col-text {
  display: flex;
}
footer .col-text .text-wrapper {
  flex-direction: column;
  align-self: end;
}
footer p {
  font-family: Lato;
  font-size: 14px;
  margin-bottom: 0;
}
footer p a {
  text-decoration: none;
}
.call-us-mobile {
  display: none;
}
@media (max-width: 776px) {
  .navbar .container {
    display: block !important;
    text-align: center;
  }
  .call-us-desktop {
    display: none;
  }
  .call-us-mobile {
    display: block;
  }
  #pink-progressbar {
    font-family: Montserrat;
    text-align: center;
  }
  #pink-progressbar .progressbar {
    background: #050F31;
    box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.75);
  }
  #pink-progressbar p {
    margin-bottom: 0;
    font-family: Montserrat;
    color: white;
  }
}