html, body, div#all {
  min-height: 100vh; }

html, body, div, ul, ol {
  margin: 0px;
  padding: 0px; }

table {
  margin: auto; }

body {
  font-family: Arial,Helvetica,sans-serif;
  color: #000;
  text-align: center;
  background-color: #fff; }

p {
  text-align: justify; }

a {
  color: #000; }

h1, h2, h3 {
  color: #000;
  text-transform: uppercase; }

img {
  max-width: 100%; }

.maxw {
  max-width: 1000px;
  margin: auto; }

.p20 {
  padding: 20px; }

div#all {
  margin: auto;
  display: flex;
  flex-direction: column; }

header, footer {
  flex-basis: auto; }

main {
  flex-grow: 1;
  text-align: left; }

span#site-title {
  padding: 5px;
  font-size: 1.2em; }

header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid black; }

nav#menu-main ul li {
  display: inline-block;
  padding: 5px; }

nav#menu-suitcase {
  zoom: 80%; }
  nav#menu-suitcase ul {
    margin: 0px;
    padding: 0px;
    background-image: url("/images/only_suitcase.png");
    background-repeat: no-repeat;
    height: 767px;
    width: 780px;
    position: relative;
    list-style: none; }
    nav#menu-suitcase ul li {
      margin: 0px;
      padding: 0px;
      position: absolute;
      transition: transform .3s; }
    nav#menu-suitcase ul li:hover {
      transform: scale(1.1);
      z-index: 100; }
    nav#menu-suitcase ul a {
      line-height: none; }