/* Regular Font (SemiBold) */
@font-face {
    font-family: 'SVN-Century Gothic';
    src: url('/assets/fonts/SVN-CenturyGothic-SemiBold.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Bold Font (Black) */
@font-face {
    font-family: 'SVN-Century Gothic';
    src: url('/assets/fonts/SVN-CenturyGothic-Black.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Light Font (Light) */
@font-face {
    font-family: 'SVN-Century Gothic';
    src: url('/assets/fonts/SVN-CenturyGothic-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

body {
    font-family: 'SVN-Century Gothic', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.body-light {
    font-family: 'SVN-Century Gothic', sans-serif;
    font-weight: 300;
    font-size: 12px;
}

/* Custom : text in Dash Leaflet menu */
.leaflet-control-layers-list {
    font-family: 'SVN-Century Gothic', sans-serif;
    font-weight: 300;
    font-size: 12px;
}

h1 {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
}

h2 {
    font-weight: 600;
    font-size: 20px;
}

h4, p {
    margin: 0;
}