/*
 * screen.css
 *
 * spolem.net
 * copyright Jake Laack
 * ekaj@spolem.net
 */

@media (width <= 600px) {
  header {
    padding-right: var(--side-padding-right);
  }

  object#logo {
/*    margin-right: 2rem;*/
  }

  img#MenuBurger {
    display: block;
  }

  nav#HeaderNavigation {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 10rem;
    background-image: url("/images/menu-background3.svg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    flex: 0 1 auto;
    overflow: hidden;
  }
  
  ul#HeaderNavigationList {
    display: none;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding: 1rem 0;
  }

  ul#HeaderNavigationList li a {
    text-decoration-line: none;
  }
}

@media (width <= 1000px) {
  body {
    background-color: #CEC7AF;
  }
}

@media (orientation: portrait) and (min-width: 700px) and (max-width: 1000px) {
}

@media (orientation: landscape) and (min-width: 700px) and (max-width: 1000px) {
}

@media (width > 1000px) {
  body {
/*    border: solid 3px red;*/
    width: 1000px;
/*  background-color: white;*/
    margin: 0 auto;
  }
}