@font-face {
    font-family: Berthold;
    src: url('../fonts/Block-Berthold-Condensed-Regular.otf');
  }
  @font-face {
    font-family: frutiger;
    src: url('../fonts/FrutigerLTStd-Roman.otf');
  }
  body {
    background: #002A5A;
    background-image: linear-gradient(0deg, #002A5A 0%, #1A85D2 21%, #65DCDC 54%) !important;
        min-height: 100vh;
  }
  body {
    font-family: Berthold;
color: white;
  }
main {
font-family: Berthold;
color: white;
background-repeat: no-repeat;
background-size: cover;
font-variation-settings: "wght" 400;
}
header {
  width: 100%;
}
.modal-colour {
  background-image: linear-gradient(0deg,#65DCDC 0%,  #1A85D2 20%, #08112C 100%);
}
.btn-blue {
  border-radius: 200px;
border: 2px solid rgba(217, 217, 217, 0.00);
background: radial-gradient(84.04% 83.7% at 50% 50%, #015084 0%, #08112C 100%);
color: white;
}
.legal, .shortTerms {
  justify-content: center;
}
.fs-6 {
  font-size: 15px !important;
}
.fs-1 {
  font-size: 50px !important;
}
.lh-1 {
  line-height: 0.5 !important;
}
.legal {
  max-width: 800px;
}
.termsFont {
  font-family: frutiger !important;
}
@media only screen and (max-width: 765px) {
  .legal {
    flex-direction: column;
    padding: 0 20px;
  }
  .terms {
    width: 100% !important;
  }
}
@media only screen and (max-width: 400px) {
  .lh-1 {
    line-height: 1 !important;
  }
}