/* barlow-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/barlow-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-300italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/barlow-v12-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/barlow-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/barlow-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/barlow-v12-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/barlow-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/barlow-v12-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
    font-display: swap;
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/bootstrap-icons.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


h1, h2, h3, h5, h6 {
    font-family: 'Open Sans';
    /*color: #373f41;*/
    color: #fff;
    font-weight: 400;
    font-style: normal;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
.bg-white * {
    color:#333;
}

.h4 > .small,
.h4 > small {
    font-size:80% !important;
}

.h1,
h1 {
    font-size: clamp(2em, 8vw, 12em) !important;
}
.h2,
h2 {
    /*font-size: clamp(1.5em, 4vw, 7em) !important;*/
    font-size: clamp(1.75em, 5.6vw, 12em) !important;
}
.h3,
h3 {
    /*font-size: clamp(1.25em, 3vw, 3em) !important;*/
    font-size: clamp(1.5em, 4vw, 8em) !important;
}
.h4,
h4 {
    /*font-size: clamp(1.25em, 2vw, 2.5em) !important;*/
    font-size: clamp(1.15em, 1.25vw, 2em) !important;
}
.h5,
h5 {
    font-size: clamp(1.15em, 1.75vw, 2em) !important;
}
body, input, select, textarea, button, .ui-btn {
    font-size: clamp(1em, 2vw, 2em);
}