/*=======
  omg, why are you even reading this!?
  don't you have stuff to code :p
  don't kepo.
=======*/

header { width: 100%; background: #fff; height: 85px; }
header.inner { padding: 30px 60px 0; }

header h1 { width: 190px; height: 157px; position: fixed; right: 60px; top: 0; z-index: 9999; }
header h1 a { display: block; width: 190px; height: 157px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../images/great-substance-logo.png) left top no-repeat; }

nav.language { margin: -25px 0 0; }
nav.language ul li { display: inline-block; margin: 0 6px 0 0; padding: 0 10px 0 0; color: #bcbebf; border-right: 1px solid #bcbebf; }
nav.language ul li:last-child { border-right: 0; }
nav.language ul li a { color: #bcbebf; text-decoration: none; }
nav.language ul li.current a { color: #272e7d; }

nav.main { margin: -5px 0 0; }
nav.main li { display: inline-block; margin: 0 11px 0 0; width: 130px; background: #fff; border-top: 5px solid #fff; }
nav.main li a { text-decoration: none; text-transform: lowercase; display: block; padding: 5px 0; }
nav.main li ul { display: none; }
nav.main li:hover ul { display: block; float: left; padding: 0; margin: 0 5px; }

/*=======
  d-d-double raaaaainnnbow
=======*/
nav.main li:first-child a { color: #272e7d; /* broke ass blue */ }
nav.main li:nth-child(2) a { color: #414493; /* wannabe prince purple */ }
  nav.main li:nth-child(2):hover { border-top: 5px solid #414493; }
  nav.main li:nth-child(2) ul { border-top: 1px solid #414493; margin: 0 5px; }
  nav.main li:nth-child(2) li a { color: #a4a6d3; font-weight: bold; }
  nav.main li:nth-child(2) li a:hover { color: #414493; }
nav.main li:nth-child(3) a { color: #786486; /* bruised purple */}
nav.main li:nth-child(4) a { color: #ae8871; /* nauseous pink */ }
nav.main li:nth-child(5) a { color: #d3a45c; /* vomit orange */ }
nav.main li:last-child a { color: #f9c536; /* diabetic piss yellow */ }

/*=======
  second tier magic
=======*/
nav.main li ul li { display: block; margin: 0; width: 120px; font-size: .8575rem; }
nav.main li ul li { border-top: 0 !important; }
nav.main li ul li:hover { border-top: 0 !important; }

/*=== 
  clearfix; remix 
===*/
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }