.header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; }

.header-logo { margin: 16px 0; }

.nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9999; background-color: #006699; color: white; padding: 8px 16px; }

.nav .nav__item { color: white; }

.nav .nav__item + .nav__item { margin-left: 16px; }

.sidebar { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; overflow-x: hidden; padding-top: 60px; -webkit-transition: 0.5s; transition: 0.5s; background-color: #006699; }

.sidebar .nav__item { color: white; margin-left: 16px; }

.sidebar .closebtn { position: absolute; top: 0; right: 12px; font-size: 36px; margin-left: 30px; }

@media (min-width: 480px) { .sidebar { display: none; }
  .sidebar-button { display: none; }
  .sidebar .closebtn { display: none; } }

@media (max-width: 480px) { .nav { display: none; }
  .sidebar { display: inline; } }

.sidebar-button { background-color: #fff; border: none; }

.account { padding-top: 60px; }
/*# sourceMappingURL=header.css.map */