@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,300&display=block');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,500;0,600;0,700;1,500&display=block');
/*font-family: 'Karla', sans-serif;
font-family: degular-display,sans-serif;
font-weight: 500;
font-style: normal;

font-family: degular-display,sans-serif;
font-weight: 500;
font-style: italic;

font-family: degular-display,sans-serif;
font-weight: 600;
font-style: normal;

font-family: degular-display,sans-serif;
font-weight: 700;
font-style: normal;
*/
@font-face {
    font-family: 'Proxima Nova Condensed';
    src: url('proximanovacond-bold.woff2') format('woff2'),
        url('proximanovacond-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Ridley Grotesk Demo';
    src: url('ridleygroteskdemo-regular.woff2') format('woff2'),
        url('ridleygroteskdemo-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Graphik';
    src: url('graphik-bold.woff2') format('woff2'),
        url('graphik-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Graphik';
    src: url('graphik-medium.woff2') format('woff2'),
        url('graphik-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}