@font-face {
    font-family: 'SVN-Circular';
    font-weight:400;
    src: url('/fonts/SVN-Circular/SVN-Circular Regular.eot');
    src: url('/fonts/SVN-Circular/SVN-Circular Regular.ttf') format('truetype');
    font-display:swap;
}
@font-face {
    font-family: 'SVN-Circular';
    font-weight: 500;
    src: url('/fonts/SVN-Circular/SVN-Circular Medium.eot');
    src: url('/fonts/SVN-Circular/SVN-Circular Medium.ttf') format('truetype');
    font-display:swap;
}
@font-face {
    font-family: 'SVN-Circular';
    font-weight: 700;
    src: url('/fonts/SVN-Circular/SVN-Circular Bold.eot');
    src: url('/fonts/SVN-Circular/SVN-Circular Bold.ttf') format('truetype');
    font-display:swap;
}
:root{
    --font-name:'SVN-Circular';
    --font-size:15px;
    --font-size-h1:52px;
    --font-size-h2:24px;
    --font-size-h3:22px;
    --font-size-h4:20px;
    --font-size-h5:17px;
}