header{z-index:999;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 200px;transition:.5s ease}header .brand{color:#fff;font-size:1.5rem;font-weight:700;text-transform:uppercase;transition:.3s ease}header .brand:hover{scale:1.1}header .navigation .navigation-items a{position:relative;color:#fff;font-size:1rem;font-weight:500;margin-left:30px;transition:.3s ease}header .navigation .navigation-items a:before{content:"";position:absolute;background:#fff;width:0%;height:3px;bottom:-2px;left:0;transition:.3s ease}header .navigation .navigation-items a:hover:before{width:100%}@media (max-width: 900px){header{padding:15px 30px}header .navigation{display:none;width:100%}header .navigation.active{position:fixed;width:100%;height:100vh;top:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(1,1,1,.6)}header .navigation .navigation-items a{color:#0f5d95;font-size:1.2em;margin:20px}header .navigation.active .navigation-items{background:#fff;width:600px;max-width:600px;margin:20px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;box-shadow:0 5px 25px #01010133}header .navigation .navigation-items a:before{background:#0f5d95}.menu-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cICAI4BCEnTjgAAABGSURBVEjHY2AYBcMeMOKT/P8vNZWBISyMdGNXrWJkmj2bgYGBgWmgfTgKaA/gqYj8FIMNjKaiEQUYSVFMfEobTUWjgJoAAAGqEgrje79/AAAAAElFTkSuQmCC) no-repeat;background-size:30px;background-position:center;width:40px;height:40px;cursor:pointer;transition:.3s ease;z-index:999}.menu-btn.active{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cICA4DBWOIaPIAAAECSURBVEjHrZUxjsIwEEVnFxPODB0cI1BBKCIK5IZjpQgCKuZtsatFJlZie5gylt6z45lvgdUKug6ta9Q5MRbqHFrX0HWwXApcr/xX21okqHPQti9e3wscDgRVJhnCAfZ7QasKzudw4XRC5/NkOLMZHI8BQi8XdLH4s5dLJuGvI+ZLkuElkmx4jqQYniIxw0OJ94MWHrSi92hVZcHHT2LcebIkEf49afh6PkXu9+H3201E1bb72IUaJv7t18Syxfvoxedm11grmrMrpc+LJTlDlC0pmdBkiWX8JyWfyJZRCex2n8iWaHbpdvv26BuCKyrpe4HNBh4PaBoLPJQ0zS9zvf4BFrejQEVDbikAAAAASUVORK5CYII=) no-repeat;background-size:20px;background-position:center;transition:.3s ease}}