@font-face {
    font-family: 'FSSiena';
    src: url(../fonts/FSSienaWeb-Light/FSSienaWeb-Light.woff2) format("woff2"),
    url(../fonts/FSSienaWeb-Light/FSSienaWeb-Light.woff) format("woff");
}
@font-face {
    font-family: 'FSSienaWebLight';
    src: url(../fonts/FSSienaWeb-Light/FSSienaWeb-Light.woff2) format("woff2"),
    url(../fonts/FSSienaWeb-Light/FSSienaWeb-Light.woff) format("woff");
}

@font-face {
    font-family: 'FSSienaWebExtraLight';
    src: url(../fonts/FSSienaWeb-ExtraLight/FSSienaWeb-ExtraLight.woff2) format("woff2"),
    url(../fonts/FSSienaWeb-ExtraLight/FSSienaWeb-ExtraLight.woff) format("woff");
}

@font-face {
    font-family: 'BrownRegular';
    src: url(../fonts/Brown-Regular.otf) format("opentype");
}



.FSSienaWebLight {
    font-family:'FSSienaWebLight',sans-serif;
}
.FSSienaWebExtraLight {
    font-family:'FSSienaWebExtraLight',sans-serif;
}
.BrownRegular {
    font-family:'BrownRegular',sans-serif;
}

.montserrat-500 {
     font-family: "Montserrat", sans-serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
 }

.fssiena-300 {
    font-weight: 300;
}
.fssiena-600 {
    font-weight: 600;
}
.Helvetica {

}
.HelveticaNeue {

}

body {
    color: var(--color-font);
    font-family: var(--font-serif);
}
h1, .h1, h2, .h2, h3, .h3, p, ul li {
    color: var(--color-font);
    font-family: var(--font-serif);
}

h1, .h1 {
    font-size: var(--font-size-h1);
}