@charset "UTF-8";


    @font-face {
    font-family: 'Geograph';
    font-style: normal;
    font-weight: 600;
    src: local(''), url('../fonts/geograph/GeographWeb-Bold.woff') format('woff');
    }

    @font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 300;
    src: local(''), url('../fonts/metropolis/Metropolis-Thin.woff') format('woff');
    }
    @font-face {
    font-family: 'Metropolis Regular';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../fonts/metropolis/Metropolis-Regular.woff') format('woff');
    }
    @font-face {
    font-family: 'Metropolis Semi Bold';
    font-style: normal;
    font-weight: 600;
    src: local(''), url('../fonts/metropolis/Metropolis-SemiBold.woff') format('woff');
    }
    @font-face {
    font-family: 'Metropolis Bold';
    font-style: normal;
    font-weight: 700;
    src: local(''), url('../fonts/metropolis/Metropolis-Bold.woff') format('woff');
    }
    @font-face {
    font-family: 'Metropolis Black';
    font-style: normal;
    font-weight: 800;
    src: local('Metropolis Black'), url('../fonts/metropolis/Metropolis-Black.woff') format('woff');
    }

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/roboto/roboto-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto/roboto-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto/roboto-400.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto/roboto-400.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto/roboto-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto/roboto-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto/roboto-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto/roboto-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* -----  1.2 Reset & Normalization  ---------------------------------------- */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  list-style: none;
}

article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section, summary {
  /* Add correct display for IE 9- and some newer browsers */
  display: block;
}

/* -----  1.3 General Typography  ------------------------------------------- */

h1, h2, h3, h4, h5, h6,
p, ul, ol, figure, pre {
  /* Reset font-sizes and normalize margins */
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 1.5rem;
}

/* Links */
a {
  color: inherit;
  text-decoration: none;
}

a:hover, a:focus, a:active {}
i, em {}
b, strong {}


/* -----  1.4 Images & Figures  --------------------------------------------- */

img {
  border-style: none;
  display:block;
  width: 100%;
  height: auto;
}


@media all and (min-width: 75em) {}

@media all and (pointer: coarse) {}

@media (any-hover: none) {}


/* =====  3 Site Layout  ==================================================== */

html {
  /*background: #022444;*/
    background: #fafafa;
  color: var(--color-dark); 
  font: normal 300 1em/1.5 'Roboto', Helvetica, Arial, sans-serif;
  letter-spacing:0.3px;
  cursor: default;

}
@media all and (min-width: 48em) { /*Min 768*/
	html {
	  font: normal 300 1em/1.7 'Roboto', Helvetica, Arial, sans-serif;
	}
}
@media all and (min-width: 120em) { /*Min 1920 */
	html {
	  font: normal 300 1.1em/1.7 'Roboto', Helvetica, Arial, sans-serif;
	}
}