/*NOTE: background color is currently ##F5F5F5*/

header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#F5F5F5;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:7rem;padding:0 15px;position:fixed;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;top:0;width:100%
}

.site-logo{transition:color .2s cubic-bezier(.55,0,.1,1);color:#30acff;font-size:3rem}
.ok-header__logo:hover{color:#ffffff}body
.okayNav-loaded{overflow-x:hidden}
.okayNav-header{position:static;top:100;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;width:100%;padding:0 15px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.okayNav:not(.loaded){visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.okayNav ul{float:left}
.okayNav a{position:relative;z-index:1}
.okayNav__nav--visible{overflow:hidden;white-space:nowrap}
.okayNav__nav--visible li{display:inline-block}
.okayNav__nav--visible a{display:block;padding:15px;transition:color .2s cubic-bezier(.55,0,.1,1)}
.okayNav__nav--visible:empty~
.okayNav__menu-toggle{top:0}
/*next line for open side menu. top value is position from top*/
.okayNav__nav--invisible{position:fixed;z-index:1;top:0rem;bottom:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.okayNav__nav--invisible a{display:block;width:240px;padding:15px;background:#F5F5F5}
.okayNav__nav--invisible.nav-left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.okayNav__nav--invisible.nav-right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}
.okayNav__nav--invisible.transition-enabled{transition:-webkit-transform .4s cubic-bezier(.55,0,.1,1);transition:transform .4s cubic-bezier(.55,0,.1,1);transition:transform .4s cubic-bezier(.55,0,.1,1),-webkit-transform .4s cubic-bezier(.55,0,.1,1)}
.okayNav__nav--invisible.nav-open{-webkit-transform:translateX(0);transform:translateX(0)}
.okayNav__menu-toggle{position:relative;z-index:1;top:15px;float:left;width:40px;height:20px;cursor:pointer;transition:-webkit-transform .4s cubic-bezier(.55,0,.1,1);transition:transform .4s cubic-bezier(.55,0,.1,1);transition:transform .4s cubic-bezier(.55,0,.1,1),-webkit-transform .4s cubic-bezier(.55,0,.1,1)}
.okayNav__menu-toggle.okay-invisible{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}
.okayNav__menu-toggle span{position:absolute;right:0;left:0;display:block;width:5px;height:4px;margin:auto;pointer-events:none;border-radius:50%;}
.okayNav__menu-toggle span:nth-child(1){top:0;}
.okayNav__menu-toggle span:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.okayNav__menu-toggle span:nth-child(3){bottom:0}
/*hide with z-index*/
.okayNav__menu-toggle.icon--active{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.okayNav-header{height:5rem;background-color:#F5F5F5}
/*text link color*/
.okayNav a{color:#000;font-size:1.7rem;font-weight:500}
.okayNav__nav--visible a:hover,.okayNav a:hover{color:#546edb}
.okayNav__nav--invisible{background:#F5F5F5}
.okayNav__menu-toggle span{background:#2e2e33}
.okayNav__menu-toggle.icon--active span{background:#546edb}