/*@import url('https://fonts.googleapis.com/css?family=Nunito:300&text=0123456789');*/

@font-face {
    font-family: 'Raleway';
    src: url('../font/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');
}

:root{
    --base-rem: 13;
    --base-h1-size: calc(24 / var(--base-rem));
    --base-h2-size: calc(20 / var(--base-rem));
    --base-h3-size: calc(16 / var(--base-rem));
    --base-h4-size: calc(14 / var(--base-rem));
    --base-h5-size: calc(12 / var(--base-rem));
    --base-h6-size: calc(8 / var(--base-rem));

    --base-display1-size: calc(40 / var(--base-rem));
    --base-display2-size: calc(32 / var(--base-rem));
    --base-display3-size: calc(16 / var(--base-rem));
    --base-display4-size: calc(16 / var(--base-rem));
    --base-display5-size: calc(14 / var(--base-rem));
    --base-display6-size: calc(12 / var(--base-rem));
}    



@font-face {
    font-family: 'RalewayItalic';
    src: url('../font/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
}

html, body {
    font-family: 'Raleway', sans-serif;
    font-size: calc(calc(var(--base-rem) * 0.9) * 1px);
    font-weight: 400;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    -ms-font-feature-settings: "lnum";
    -o-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight:600;
    margin: 0px;
    line-height: unset !important;
}


.title-input {
    font-size: calc(0.8rem * calc(14 / var(--base-rem))); 
    font-weight:600;
}

.pre-title {
    font-size: calc(0.8rem * calc(11 / var(--base-rem)));  /* (11px) */
    font-weight:500;
    text-transform: uppercase;
}

.small{
    font-size: calc(0.8rem * calc(12 / var(--base-rem)));  /* (12px) */
    font-weight:500;
}


/* sm Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* md Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* lg Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    html, body {
        font-family: 'Raleway', sans-serif;
        font-size: calc(var(--base-rem) * 1px);
        font-weight: 400;
        -webkit-font-feature-settings: "lnum";
        -moz-font-feature-settings: "lnum";
        -ms-font-feature-settings: "lnum";
        -o-font-feature-settings: "lnum";
        font-feature-settings: "lnum";
    }

    .title-input {
        font-size: calc(14px / var(--base-rem))rem; /* (14px) */
        font-weight:600;
    }
    
    .pre-title {
        font-size: calc(11px / var(--base-rem))rem; /* (11px) */
        font-weight:500;
        text-transform: uppercase;
    }
    
    .small{
        font-size: calc(12px / var(--base-rem))rem; /* (12px) */
        font-weight:500;
    }
}

/* xl X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* xxl XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}