@font-face {
  font-family: "TTNormsPro";
  src: url("/fonts/TTNormsProRegular.otf") format("opentype"),
  url("/fonts/TTNormsProRegular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "TTNormsPro";
  src: url("/fonts/TTNormsProBold.otf") format("opentype"),
  url("/fonts/TTNormsProBold.ttf") format("truetype");
  font-weight: bold;
  font-display: swap;
}

/*bootstrap break points*/
/*sm: min-width: 576px*/
/*md: min-width: 768px*/
/*lg: min-width: 992px*/
/*xl: min-width: 1200px*/
/*--break-xs: 0;*/
/*--break-sm: 576px; !* landscape phone *!*/
/*--break-md: 768px; !* tablet *!*/
/*--break-lg: 992px; !* normal desktop *!*/
/*--break-xl: 1200px;*/
/*--break-xxl: 1400px;*/

body {
  font-family: "TTNormsPro", sans-serif !important;

  --color-white: #f7f7f9;
  --color-darkblue: #021933;


  --fc-red: #ff1a33;
  --fc-blue: #002b61;
  --fc-grey: #666666;
  --fc-light-grey: #cccccc;
}

hr {
  opacity: 1 !important;
}

.fc-red {
  color: var(--fc-red);
}

.fc-blue {
  color: var(--fc-blue);
}

.fc-grey {
  color: var(--fc-grey);
}

h2 {
  text-transform: uppercase !important;
  font-size: 16px;
  letter-spacing: 1.6px;
  color: var(--fc-grey);
  margin-bottom: 0;
  margin-top: 0;
}

.bigspace {
  margin-top: 10.5rem;
}

@media (max-width: 767px) {
  .bigspace {
    margin-top: 5rem;
  }
}

a {
  color: var(--fc-blue);
  font-size: 18px;
}