* {
}

:root {
  --primary: #f29400;
  --secondary: #212225;
  --dark: #1c202b;
  --dark-2: #404961;
  --highlight: #ff6600
}

/* encode-sans-200 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/encode-sans-v8-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/encode-sans-v8-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/encode-sans-v8-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/encode-sans-v8-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/encode-sans-v8-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/encode-sans-v8-latin-200.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-700 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/encode-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/encode-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/encode-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/encode-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/encode-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/encode-sans-v8-latin-700.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-900 - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/encode-sans-v8-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/encode-sans-v8-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/encode-sans-v8-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/encode-sans-v8-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/encode-sans-v8-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/encode-sans-v8-latin-900.svg#EncodeSans') format('svg'); /* Legacy iOS */
}


body {
  font-family: 'Encode Sans';
  font-size: 21px;
  line-height: 31px;
  background-color: #212225;
  color: #fff;
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  text-transform:uppercase;
  background: -webkit-linear-gradient(45deg, var(--highlight), var(--primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: .5rem 0;
}


/*HEADER*/
header {
  background-color: var(--dark);
  border-bottom: .5rem solid var(--primary);
}

header nav.mod_navigation ul {
  margin-bottom:0;
}

header nav.mod_navigation ul li {
  display: inline-block;
  font-weight: 900;
  text-transform: uppercase;
  background-color:#
}

header nav.mod_navigation ul li:hover {
  background-color: var(--dark-2);
}

header nav.mod_navigation ul li a,
header nav.mod_navigation ul li strong {
  display: inline-block;
  padding: 2rem 2rem;
  font-size: 1rem;
  text-decoration: none;
  color: #fff;
}

header nav.mod_navigation ul li a:hover span {
  background: -webkit-linear-gradient(45deg, var(--highlight), var(--primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}