@font-face {
  font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
  src: url('../fonts/inter-400.woff2') format('woff2'),
       url('../fonts/400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
  src: url('../fonts/inter-500.woff2') format('woff2'),
       url('../fonts/500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
  src: url('../fonts/inter-600.woff2') format('woff2'),
       url('../fonts/600.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
  src: url('../fonts/inter-700.woff2') format('woff2'),
       url('../fonts/700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Zastępczy krój o wymiarach dopasowanych do Inter – zanim Inter się wczyta,
   tekst ma tę samą szerokość i wysokość, więc nic nie przeskakuje. */
@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('Liberation Sans');
  size-adjust: 107.12%;
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-20 {
    margin-top: 20px
}

.text-align-center {
    text-align: center;
}

.highlight-above-heading {
    font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
    font-weight: 500;
    color: #101c19;
    letter-spacing: 1px;
    font-size: 11px
}

.heading-one {
    font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -3px;
    font-size: 40px;
    line-height: 40px;
}

.heading-two {
    font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -3px;
    font-size: 30px;
    line-height: 30px;
}

.paragraph {
    font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.3px;
    font-size: 16px;
    line-height: 26px;
    color: #101c19;
}

.paragraph-small {
    font-family: 'Inter', 'Inter Fallback', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.3px;
    font-size: 14px;
    line-height: 14px;
    color: #101c19;
}

@media screen and (min-width: 992px) {
    .heading-one {
        font-size: 68px;
        line-height: 68px;
    }

    .heading-two {
        font-size: 44px;
        line-height: 44px;
    }
}