.header{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:start;align-items:flex-start;position:fixed;top:0;right:0;left:0;padding:.5em 1em;font-size:.888888889em;background-color:#333;background-color:var(--dark-color);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:10}.header__menu{flex-basis:100%}.header__link{color:#fff;color:var(--lightest-color);-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.header__link:hover{color:#d61a0c;color:var(--brand-color);text-decoration:none}.header_fixed{padding:.5em 1.5em;background-color:#333;background-color:var(--dark-color);z-index:1000}.header_fixed .header__link:hover{color:#c3c3c3;color:var(--light-color)}