/* Font Awesome Solid */
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("../fonts/fontawesome/solid/fa-solid-900.eot");
    src: url("../fonts/fontawesome/solid/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/fontawesome/solid/fa-solid-900.woff2") format("woff2"), 
    url("../fonts/fontawesome/solid/fa-solid-900.woff") format("woff"), 
    url("../fonts/fontawesome/solid/fa-solid-900.ttf") format("truetype"), 
    url("../fonts/fontawesome/solid/fa-solid-900.svg#fontawesome") format("svg"); }
  
  .fa,
  .fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900; }

/* Font Awesome Regular */
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../fonts/fontawesome/regular/fa-regular-400.eot");
    src: url("../fonts/fontawesome/regular/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/fontawesome/regular/fa-regular-400.woff2") format("woff2"), 
    url("../fonts/fontawesome/regular/fa-regular-400.woff") format("woff"), 
    url("../fonts/fontawesome/regular/fa-regular-400.ttf") format("truetype"), 
    url("../fonts/fontawesome/regular/fa-regular-400.svg#fontawesome") format("svg"); }
    
    .far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400; }
    
/* Font Awesome Light */
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url("../fonts/fontawesome/light/fa-light-300.eot");
    src: url("../fonts/fontawesome/light/fa-light-300.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/fontawesome/light/fa-light-300.woff2") format("woff2"), 
    url("../fonts/fontawesome/light/fa-light-300.woff") format("woff"), 
    url("../fonts/fontawesome/light/fa-light-300.ttf") format("truetype"), 
    url("../fonts/fontawesome/light/fa-light-300.svg#fontawesome") format("svg"); }
  
  .fa,
  .fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300; }

/* Font Awesome Brands */
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fontawesome/brands/fa-brands-400.eot");
    src: url("../fonts/fontawesome/brands/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/fontawesome/brands/fa-brands-400.woff2") format("woff2"), 
    url("../fonts/fontawesome/brands/fa-brands-400.woff") format("woff"), 
    url("../fonts/fontawesome/brands/fa-brands-400.ttf") format("truetype"), 
    url("../fonts/fontawesome/brands/fa-brands-400.svg#fontawesome") format("svg");
    }
    
    .fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    }


/* Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* @font-face {
    font-family: 'Roboto';
    src: url('Roboto-Black.woff2') format('woff2'),
        url('Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
} */

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

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

/* @font-face {
    font-family: 'Roboto';
    src: url('Roboto-Thin.woff2') format('woff2'),
        url('Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
} */
/* @font-face {
    font-family: 'Roboto';
    src: url('Roboto-MediumItalic.woff2') format('woff2'),
        url('Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
} */

/* @font-face {
    font-family: 'Roboto';
    src: url('Roboto-BlackItalic.woff2') format('woff2'),
        url('Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
} */
/* @font-face {
    font-family: 'Roboto';
    src: url('Roboto-Italic.woff2') format('woff2'),
        url('Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
} */
/* @font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.woff2') format('woff2'),
        url('Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-ThinItalic.woff2') format('woff2'),
        url('Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light.woff2') format('woff2'),
        url('Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
} */

/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

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

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

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

/* Roboto Slab */
@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-Black.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-ExtraBold.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-Bold.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-ExtraLight.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-Light.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-Regular.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-SemiBold.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-Thin.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/robotoslab/RobotoSlab-Medium.woff2') format('woff2'),
        url('../fonts/robotoslab/RobotoSlab-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

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





