@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-Light.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-LightItalic.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-Italic.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-Medium.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-MediumItalic.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-SemiBold.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-Bold.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-BoldItalic.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-ExtraBold.ttf) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf) format('woff2');
}

@font-face {
    font-family: 'Kristi';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Kristi/Kristi-Regular.ttf) format('woff2');
}

@font-face {
    font-family: 'Yellowtail';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Yellowtail/Yellowtail-Regular.ttf) format('woff2');
}

@font-face {
    font-family: 'Delius Unicase';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/DeliusUnicase/DeliusUnicase-Regular.ttf) format('woff2');
}
@font-face {
    font-family: 'Delius Unicase';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/DeliusUnicase/DeliusUnicase-Bold.ttf) format('woff2');
}