@font-face {
  src: url("../fonts/Akrobat-Black.ttf") format("truetype");
  font-family: "Akrobat";
  font-weight: 700;
}
@font-face {
  src: url("../fonts/Akrobat-Bold.ttf") format("truetype");
  font-family: "Akrobat";
  font-weight: bold;
}
@font-face {
  src: url("../fonts/Akrobat-ExtraBold.ttf") format("truetype");
  font-family: "Akrobat";
  font-weight: 900;
}
@font-face {
  src: url("../fonts/Akrobat-SemiBold.ttf") format("truetype");
  font-family: "Akrobat";
  font-weight: 800;
}
@font-face {
  src: url("../fonts/PF-Medium.ttf") format("truetype");
  font-family: "PF";
  font-weight: normal;
}
@font-face {
  src: url("../fonts/PF-Thin.ttf") format("truetype");
  font-family: "PF";
  font-weight: 100;
}
@font-face {
  src: url("../fonts/FiraSans-Regular.ttf") format("truetype");
  font-family: "Fira";
  font-weight: normal;
}
.top .top--text p {
  padding: 0 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .top .top--text {
    width: 100%;
  }
}

.header .header--support {
  padding: 0 0.625rem 0 2.6875rem;
}

.header .header--support h4 {
  font-size: clamp(2.25rem, 2.1875rem + 0.3125vw, 2.5625rem);
  align-self: unset;
  line-height: 1.3;
}

.header .header--card h4 {
  font-size: 1.875rem;
}

@media only screen and (max-width: 768px) {
  .br-desktop {
    display: none;
  }
}