html {
  background: #343434;
}


body { font-family      : 'Lucida Sans',
                   'Lucida Sans Unicode',
                   arial,
                   helvetica,
                   verdana,
                   sans-serif;

}

a {

color: #f66;
}


/* Style for the first level menu bar */

ul#menu {
  position         : fixed;
  top              : 0;
  width            : 100%;
  height           : 5vh;
  margin          : 0;
  padding-left         : 0px;
  color            : #eee;
  background       : rgba(33, 33, 33, 0.1);
  /*box-shadow       : 0 -1px rgba(0,0,0,.5) inset;*/
    -moz-user-select : none;
    user-select      : none;
}

#logo {
  position    : fixed;
  top         : 0;
  margin      : 0;
  padding-top : 1em;
}

#menu > li {
  position        : relative;
  float           : right;
  list-style-type : none;
}

label {
  display       : block;
  position      : relative;
  padding-right : 3em;
  padding-left  : 2em;
  line-height   : 3em;
  cursor        : pointer;
}

label:after {
  content       : "";
  display       : block;
  position      : absolute;
  top           : 50%;
  right         : 20px;
  width         : 0;
  height        : 0;
  border-top    : 4px solid rgba(255,255,255,.5);
  border-right  : 4px solid transparent;
  border-bottom : 0 solid rgba(255,255,255,.5);
  border-left   : 4px solid transparent;
  transition    : border-bottom .1s,
                  border-top .1s .1s;
}

input:checked ~ label,
label:hover {
  background : rgba(0,0,0,.3);
}

input:checked ~ label:after {
  border-top    : 0 solid rgba(255,255,255,.5);
  border-bottom : 4px solid rgba(255,255,255,.5);
  transition    : border-top .1s,
                  border-bottom .1s .1s;
}

/* hide the inputs */

input {
  display : none;
}

/* show the second level menu of the selected voice */

input:checked ~ ul.submenu {
  max-height : 300px;
  transition : max-height 0.2s ease-in;
}

/* style for the second level menu */

ul.submenu {
  position        : absolute;
  min-width       : 100%;
  max-height      : 0;
  padding         : 0;
  overflow        : hidden;
  background      : #444;
  box-shadow      : 0 0 1px rgba(0,0,0,.3);
  list-style-type : none;
  transition      : max-height 0.2s ease-out;
}

ul.submenu li a {
  display         : block;
  padding         : 12px;
  color           : #ddd;
  box-shadow      : 0 -1px rgba(0,0,0,.5) inset;
  text-decoration : none;
  white-space     : nowrap;
  /* transition : background .3s; */
}

ul.submenu li a:hover {
  background : rgba(0,0,0,.3);
}

/* Main content */



img {
  display: block;
    margin: 3vmin auto;
    height: 96vh;


/*height: 96vh;
max-width: 100vmax*/
}