/* ============================================

   Heading (Apfel Grotezk Family)

   ============================================ */



/* Regular (400) */

@font-face {

  font-family: 'Apfel Grotezk';

  src: url('../fonts/apfel/ApfelGrotezk-Regular.woff2') format('woff2'),

       url('../fonts/apfel/ApfelGrotezk-Regular.woff') format('woff');

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}



/* Brukt / Medium (500) */

@font-face {

  font-family: 'Apfel Grotezk';

  src: url('../fonts/apfel/ApfelGrotezk-Brukt.woff2') format('woff2'),

       url('../fonts/apfel/ApfelGrotezk-Brukt.woff') format('woff');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



/* Mittel / SemiBold (600) */

@font-face {

  font-family: 'Apfel Grotezk';

  src: url('../fonts/apfel/ApfelGrotezk-Mittel.woff2') format('woff2'),

       url('../fonts/apfel/ApfelGrotezk-Mittel.woff') format('woff');

  font-weight: 600;

  font-style: normal;

  font-display: swap;

}



/* Fett / Bold (700) */

@font-face {

  font-family: 'Apfel Grotezk';

  src: url('../fonts/apfel/ApfelGrotezk-Fett.woff2') format('woff2'),

       url('../fonts/apfel/ApfelGrotezk-Fett.woff') format('woff');

  font-weight: 700;

  font-style: normal;

  font-display: swap;

}



/* Satt / ExtraBold-Black (800) */

@font-face {

  font-family: 'Apfel Grotezk';

  src: url('../fonts/apfel/ApfelGrotezk-Satt.woff2') format('woff2'),

       url('../fonts/apfel/ApfelGrotezk-Satt.woff') format('woff');

  font-weight: 800;

  font-style: normal;

  font-display: swap;

}



/* ============================================

   Pera (Apfel Grotezk Family)

   ============================================ */

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter28pt-Medium.woff2') format('woff2'),

        url('../fonts/inter/Inter28pt-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter28pt-Regular.woff2') format('woff2'),

        url('../fonts/inter/Inter28pt-Regular.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter18pt-Bold.woff2') format('woff2'),

        url('../fonts/inter/Inter18pt-Bold.woff') format('woff');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter18pt-Light.woff2') format('woff2'),

        url('../fonts/inter/Inter18pt-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}