header{
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  height:60px;
  z-index:101;
}
div.mat_header_navigation{
  position:relative;
  padding:12px 32px;
}
button.mat_button_navigation > i{
  color:#fff;
}
div.mat_navigation{
  position:fixed;
  top:0px;
  left:0px;
  width:250px;
  z-index:100;
  transition:transform .2s;
  transform:translateX(-250px);
}
div.mat_navigation.is-active{
  transform:translateX(0px);
}
div.mat_navigation_margin{
  height:60px;
  position:relative;
  width:100%;
}
div.mat_header_title{
  position:absolute;
  top:0px;
  left:84px;
  height:100%;
  padding-top:16px;
}
h1.mat_header_title{
  font-size:18px;
  color:#fff;
  font-family:Raleway;
  margin:0px;
  padding:0px;
}
div.mat_header_buttons{
  position:absolute;
  top:0px;
  right:16px;
  z-index:101;
  height:100%;
  padding-top:12px;
}
button.mat_header_buttons{
  margin-left:8px;
}
button.mat_header_buttons > i{
  color:#fff;
}