@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-SuperItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-SuperItalic-Web.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Super-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Super-Web.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-BlackItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-BlackItalic-Web.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Black-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Black-Web.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-BoldItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-BoldItalic-Web.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Bold-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Bold-Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-SemiboldItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-SemiboldItalic-Web.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Semibold-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Semibold-Web.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-MediumItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-MediumItalic-Web.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Medium-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Medium-Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-RegularItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-RegularItalic-Web.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Regular-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Regular-Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-LightItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-LightItalic-Web.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Light-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Light-Web.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-ExtralightItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-ExtralightItalic-Web.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Extralight-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Extralight-Web.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-ThinItalic-Web.woff2') format('woff2'),
    url('../fonts/Produkt-ThinItalic-Web.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Produkt Web';
    src: url('../fonts/Produkt-Thin-Web.woff2') format('woff2'),
    url('../fonts/Produkt-Thin-Web.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}
/*-------------*/
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-SuperItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-SuperItalic-Web.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-SuperItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Super-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Super-Web.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Super-Web {
    font-family: 'Graphik Web';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-BlackItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-BlackItalic-Web.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-BlackItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 800;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Black-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Black-Web.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Black-Web {
    font-family: 'Graphik Web';
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-BoldItalic-Web.eot');
    src: url('../fonts/Graphik-BoldItalic-Web.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Graphik-BoldItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-BoldItalic-Web.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-BoldItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Bold-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Bold-Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Bold-Web {
    font-family: 'Graphik Web';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-SemiboldItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-SemiboldItalic-Web.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-SemiboldItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Semibold-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Semibold-Web.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Semibold-Web {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-MediumItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-MediumItalic-Web.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-MediumItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Medium-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Medium-Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Medium-Web {
    font-family: 'Graphik Web';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-RegularItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-RegularItalic-Web.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-RegularItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Regular-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Regular-Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Regular-Web {
    font-family: 'Graphik Web';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-LightItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-LightItalic-Web.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-LightItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Light-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Light-Web.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Light-Web {
    font-family: 'Graphik Web';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-ExtralightItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-ExtralightItalic-Web.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-ExtralightItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Extralight-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Extralight-Web.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Extralight-Web {
    font-family: 'Graphik Web';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-ThinItalic-Web.woff2') format('woff2'),
    url('../fonts/Graphik-ThinItalic-Web.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-stretch: normal;
}
.Graphik-ThinItalic-Web {
    font-family: 'Graphik Web';
    font-weight: 100;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/Graphik-Thin-Web.woff2') format('woff2'),
    url('../fonts/Graphik-Thin-Web.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}
.Graphik-Thin-Web {
    font-family: 'Graphik Web';
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}

.font-produkt {
    font-family: 'Produkt Web';
}

.font-graphik {
    font-family: 'Graphik Web';
}

.font-normal {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.text-3xl {
    font-size: 1.875rem;
}