.mobile {
  display: none;
  position: fixed;
  width: 30%;
  top: 0;
  margin: 70px 0 30px 0;
  padding-bottom: 0px;
  background-color: rgba(255, 255, 255, 0.9); }

.mobile div {
  display: none; }

.mobile button {
  margin: -75px 0 0 0;
  position: absolute;
  top: 15px;
  left: 15px;
  border: 0;
  text-indent: 200%;
  overflow: hidden;
  background: url(images/mobil-nav.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 50px;
  height: 50px;
  background-color: transparent;
  display: block;
  z-index: 2000; }

.mobile button.expanded {
  background: url(images/mobile-nav-clicked.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 50px;
  height: 50px;
  -webkit-transition: all .4s ease-out;
          transition: all .4s ease-out; }

article {
  padding: 0 30px 15px; }

@media (max-width: 800px) {
  .mobile {
    display: block; }

  .desktop {
    display: none; } }