@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    src: url(/asset/font/bebas_neue-400-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Bree';
    font-style: normal;
    font-weight: 300;
    src: url(/asset/font/bree-300-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Bree';
    font-style: normal;
    font-weight: 600;
    src: url(/asset/font/bree-600-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 400;
    src: url(/asset/font/hk_grotesk-400-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'HK Grotesk';
    font-style: normal;
    font-weight: 700;
    src: url(/asset/font/hk_grotesk-700-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 100;
    src: url(/asset/font/lato-100-italic.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url(/asset/font/lato-100-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url(/asset/font/lato-300-italic.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url(/asset/font/lato-300-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url(/asset/font/lato-400-italic.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/asset/font/lato-400-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: url(/asset/font/lato-700-italic.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(/asset/font/lato-700-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: url(/asset/font/lato-900-italic.woff2) format('woff2');
} 

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url(/asset/font/lato-900-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/asset/font/pt_sans-400-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 400;
    src: url(/asset/font/pt_sans-400-italic.woff2) format('woff2');
} 

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: url(/asset/font/pt_sans-700-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 700;
    src: url(/asset/font/pt_sans-700-italic.woff2) format('woff2');
} 

@font-face {
    font-family: 'Recoleta';
    font-style: normal;
    font-weight: 300;
    src: url(/asset/font/recoleta-300-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Spezia';
    font-style: normal;
    font-weight: 400;
    src: url(/asset/font/spezia-400-normal.woff2) format('woff2');
} 

@font-face {
    font-family: 'Spezia';
    font-style: normal;
    font-weight: 600;
    src: url(/asset/font/spezia-600-normal.woff2) format('woff2');
}