body {
  background: #181818;
  color: #ffffff;
  font-familly: sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
}

h1,h2 {
    text-align: center;
}

figure.big {
    display: table-cell;
    height: 100vh;
    width: 100vw;
    text-align: center;
    vertical-align: middle;
}

figure.moz {
    display: block;
    float: left;
    height: 190px;
    width: 300px;
    text-align: center;
    vertical-align: middle;
}

figure.moz .menu {
    position: absolute;
    margin: inherit;
    display: none;
}
figure.moz:hover .menu {
    display: block;
}
figure.moz:hover .menu a {
    background: rgba(0,0,0,0.5);
    color: #eee;
    padding: 6px 10px 8px 10px;
    text-decoration: none;
}
figure.moz .menu a:hover {
    background: rgba(0,0,0,0.8);
}

.big img {
    max-height: calc(100vh - 5px);
    max-width: calc(100vw - 5px);
}

.moz img {
    max-height: 190px;
    max-width: 300px;
}

a {
    outline: none;
}

img {
    box-shadow: 0px 0px 10px #9AB;
    transition: box-shadow 1s ease-out;
}
img:hover {
    box-shadow: 0px 0px 20px #FED;
}

.big figcaption {
    background: #656565;
    color: #FFF;
    font-weight: bold;
    margin: -100px auto;
    opacity: 0.65;
    padding: 10px;
    position: relative;
}