cbillowes/curious-programmer-oxygen

.header {
  background-color:#212529;
  padding: 0.75em 0 1.25em 0;
  font-weight: normal;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.header .logo,
.header .mobile-logo {
  font-size: 1.25em;
  font-weight: 900;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.header .normal-weight {
  font-weight: normal;
}

.header .logo a,
.header .mobile-logo a {
  color: #fff;
}

.header .logo a:hover,
.header .mobile-logo a:hover {
  text-decoration: none;
}

.header .mobile-logo {
  display: none;
}

@media (max-width: 640px) {
  .header .logo {
    display: none;
  }

  .header .mobile-logo {
    display: inline-block;
  }
}