html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
 }
 
body {margin: 0}
 
article,aside,footer,header,nav,section {display: block}
 
h1 {font-size: 2em;margin:.67em 0}
 
figcaption,figure,main {display: block}
 
figure {margin: 1em 40px}
 
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
 }
 
pre {font-family: monospace,monospace;font-size:1em}
 
a {background-color: transparent;-webkit-text-decoration-skip:objects}
 
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
 }
 
b,strong {font-weight: inherit;font-weight:bolder}
 
code,kbd,samp {font-family: monospace,monospace;font-size:1em}
 
dfn {font-style: italic}
 
mark {background-color: #ff0;color:#000}
 
small {font-size: 80%}
 
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
 }
 
sub {bottom: -.25em}
 
sup {top: -.5em}
 
audio,video {display: inline-block}
 
audio:not([controls]) {display: none;height:0}
 
img {border-style: none}
 
svg:not(:root) {overflow: hidden}
 
button,input,optgroup,select,textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
    color: black;
 }
 
button,input {overflow: visible}
 
button,select {text-transform: none}
 
[type=reset],[type=submit],button,html [type=button] {-webkit-appearance: button}
 
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style: none;padding:0}
 
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline: 1px dotted ButtonText}
 
fieldset {padding: .35em .75em .625em}
 
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
 }
 
progress {display: inline-block;vertical-align:baseline}
 
textarea {overflow: auto}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 4px;
    vertical-align: middle;
}
 
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height: auto}
 
[type=search] {-webkit-appearance: textfield;outline-offset:-2px}
 
	[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {-webkit-appearance: none}
 
::-webkit-file-upload-button {-webkit-appearance: button;font:inherit}
 
details,menu {display: block}
 
summary {display: list-item}
 
canvas {display: inline-block}
 
[hidden],template {display: none}

.mobile-logo {
	width: 100%;
	max-height: 28px;
}

.mobile-menu {
	display: none;
}

.mobile-menu > closed {
	display: none;
}

.mobileHeader {
  display: none;
  max-height: 100%;
  overflow-y: auto;
  background-color: #000 !important;
}

.mobileHeader .topNav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

.mobileHeader .toggle {
    padding: 15px 0 15px 13px;
    color: white;
    cursor: pointer;
    font-size: 2rem;
  }

.mobileHeader .menu {
    margin: 12px 0;
    transition: all 300ms;

    /* (Sub-optimal) This needs an explicit width to animate.
       Needs to be adjusted whenever menu changes */
    height: 440px;
    overflow: hidden;
  }

.mobileHeader .menu.closed {
      margin-top: 0;
      height: 1px;
      opacity: 0;
    }

.mobileHeader .menu .link {
      display: block;
      color: #444;
      padding: 8px 0;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }

.mobileHeader .menu .sublinks {
      margin-left: 30px;
    }

.mobileHeader .menu .sublinks .link {
        text-transform: inherit;
        color: #777;
      }

@media (max-width: 670px) {
  .desktopHeader {
    display: none;
  }

  .mobileHeader {
    display: block;
  }
}

.ki-hamburger-menu:before {content: "&#9776;"}


