@charset "UTF-8";

@font-face {
    font-family: 'overpass-thin';
    src: url('../typos/overpass-thin.eot');
    src: url('../typos/overpass-thin.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-thin.woff2') format('woff2'),
         url('../typos/overpass-thin.woff') format('woff'),
         url('../typos/overpass-thin.ttf') format('truetype'),
         url('../typos/overpass-thin.svg#overpass-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpass-light';
    src: url('../typos/overpass-light.eot');
    src: url('../typos/overpass-light.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-light.woff2') format('woff2'),
         url('../typos/overpass-light.woff') format('woff'),
         url('../typos/overpass-light.ttf') format('truetype'),
         url('../typos/overpass-light.svg#overpass-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpass-light-italic';
    src: url('../typos/overpass-light-italic.eot');
    src: url('../typos/overpass-light-italic.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-light-italic.woff2') format('woff2'),
         url('../typos/overpass-light-italic.woff') format('woff'),
         url('../typos/overpass-light-italic.ttf') format('truetype'),
         url('../typos/overpass-light-italic.svg#overpass-light-italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpass-regular';
    src: url('../typos/overpass-regular.eot');
    src: url('../typos/overpass-regular.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-regular.woff2') format('woff2'),
         url('../typos/overpass-regular.woff') format('woff'),
         url('../typos/overpass-regular.ttf') format('truetype'),
         url('../typos/overpass-regular.svg#overpass-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpass-italic';
    src: url('../typos/overpass-italic.eot');
    src: url('../typos/overpass-italic.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-italic.woff2') format('woff2'),
         url('../typos/overpass-italic.woff') format('woff'),
         url('../typos/overpass-italic.ttf') format('truetype'),
         url('../typos/overpass-italic.svg#overpass-italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpass-bold';
    src: url('../typos/overpass-bold.eot');
    src: url('../typos/overpass-bold.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-bold.woff2') format('woff2'),
         url('../typos/overpass-bold.woff') format('woff'),
         url('../typos/overpass-bold.ttf') format('truetype'),
         url('../typos/overpass-bold.svg#overpass-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpass-bold-italic';
    src: url('../typos/overpass-bold-italic.eot');
    src: url('../typos/overpass-bold-italic.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-bold-italic.woff2') format('woff2'),
         url('../typos/overpass-bold-italic.woff') format('woff'),
         url('../typos/overpass-bold-italic.ttf') format('truetype'),
         url('../typos/overpass-bold-italic.svg#overpass-bold-italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpass-extrabold';
    src: url('../typos/overpass-extrabold.eot');
    src: url('../typos/overpass-extrabold.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-extrabold.woff2') format('woff2'),
         url('../typos/overpass-extrabold.woff') format('woff'),
         url('../typos/overpass-extrabold.ttf') format('truetype'),
         url('../typos/overpass-extrabold.svg#overpass-extrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpass-extrabold-italic';
    src: url('../typos/overpass-extrabold-italic.eot');
    src: url('../typos/overpass-extrabold-italic.eot?#iefix') format('embedded-opentype'),
         url('../typos/overpass-extrabold-italic.woff2') format('woff2'),
         url('../typos/overpass-extrabold-italic.woff') format('woff'),
         url('../typos/overpass-extrabold-italic.ttf') format('truetype'),
         url('../typos/overpass-extrabold-italic.svg#overpass-extrabold-italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	font-size: 18px;
	font-family : overpass-regular, Arial;
	margin:0;
	padding:0;
	background-color: #050505;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    font-smooth: always;
    text-rendering: optimizeLegibility;
}

:root {
    --first-color: #337F8F;
    --first-color-hover: #105867;
}