.montas {
    font-family: 'Montas', serif;
}
.h1-uppercase {
    text-transform: uppercase;
    text-align: justify;
    text-align-last: justify;
    font-size: 30px;
    letter-spacing: 25px;
    margin-right: -25px;
}
.heading-border {
    border-bottom: 2px solid #000;
}


@font-face {
    font-family: 'Montas';
    src: url('Montas-Bold.woff2') format('woff2'),
    url('Montas-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montas';
    src: url('Montas-ExtraLight.woff2') format('woff2'),
    url('Montas-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montas';
    src: url('Montas-Light.woff2') format('woff2'),
    url('Montas-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montas';
    src: url('Montas-Medium.woff2') format('woff2'),
    url('Montas-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montas';
    src: url('Montas-Regular.woff2') format('woff2'),
    url('Montas-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montas';
    src: url('Montas-SemiBold.woff2') format('woff2'),
    url('Montas-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montas';
    src: url('Montas-Thin.woff2') format('woff2'),
    url('Montas-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}





/* Define a fallback for the broken character */
@font-face {
    font-family: 'Magnetik-Fallback';
    src: local('Arial'); /* Or any font you know displays quotes correctly */
    unicode-range: U+0022; /* Targets only the double quotation mark */
}

/* Apply both to your elements */
.fo {
    font-family: 'Magnetik-Fallback', 'Magnetik', sans-serif;
}

@font-face {
    font-family: 'Yangeal';
    src: url('YangealRegular.woff2') format('woff2'),
    url('YangealRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-Bold.woff2') format('woff2'),
    url('Magnetik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-ExtraBold.woff2') format('woff2'),
    url('Magnetik-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-BoldItalic.woff2') format('woff2'),
    url('Magnetik-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-ExtraBoldItalic.woff2') format('woff2'),
    url('Magnetik-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-ExtraLight.woff2') format('woff2'),
    url('Magnetik-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-ExtraLightItalic.woff2') format('woff2'),
    url('Magnetik-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-Heavy.woff2') format('woff2'),
    url('Magnetik-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-HeavyItalic.woff2') format('woff2'),
    url('Magnetik-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-Light.woff2') format('woff2'),
    url('Magnetik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-LightItalic.woff2') format('woff2'),
    url('Magnetik-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-Medium.woff2') format('woff2'),
    url('Magnetik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-Regular.woff2') format('woff2'),
    url('Magnetik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-MediumItalic.woff2') format('woff2'),
    url('Magnetik-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-SemiBold.woff2') format('woff2'),
    url('Magnetik-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-RegularItalic.woff2') format('woff2'),
    url('Magnetik-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-SemiBoldItalic.woff2') format('woff2'),
    url('Magnetik-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-Thin.woff2') format('woff2'),
    url('Magnetik-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Magnetik';
    src: url('Magnetik-ThinItalic.woff2') format('woff2'),
    url('Magnetik-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}