html { background-color: rgb(34 35 37); background-image: url("img-noise-200x200.png"); }
body { color: rgb(202, 202, 202); background-color: rgb(34 35 37); background-image: url("img-noise-200x200.png"); font-family: monospace;  padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
a, a:active, a:link { color: rgb(202, 202, 202); text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }
a:active { color: rgb(199, 199, 199); text-decoration: none; }

header { text-align: center; margin: 0; border: 0; padding-bottom: 0; }
h1 { font-weight: 900; font-family: sans-serif; font-variant: small-caps; padding-bottom: 0px; margin-bottom: 0px; }
h1 a { font-size: 1.5em; }
.navy { margin-top: 1em; list-style: none; padding: 0 5px; font-size: 1.2em; text-align: center; }
.navy > li { vertical-align: top; text-align: center; }
h2 { font-size: 1em; margin-top: 0px; }
h3, h4 {
  background: rgb(15, 15, 15, .5);
  display: block;
  padding: 2px 0;
  font-size: 1.1em;
  text-align: center;
  font-weight: 600;
}
.item, .item .w2, .item w3 { width: 100%; }
img {border:solid; border-color: rgb(15, 15, 15); border-width: thin; background: rgb(54, 44, 44);}
/* #devcontainer img, #container img {opacity: .6;} */
/* #devcontainer img:hover, #container img:hover {opacity: 1;} */
/* .credits {color: rgb(15, 15, 15); list-style: none; font-size: larger; font-weight: bold;}
.credits li {margin-bottom: 10px;} */
footer{ display: block; text-align: center; margin: 20px 0; }

@media (min-width: 768px) {
  body { width: 750px; }
  .item { width: 172.5px; }
  .item.w2 { width: 355px; }
  .item.w3 { width: 100%; }
  .navy { display: table; width: 100%; }
  /* .navy > li { display: table-cell; width: 33.33333333%; } */
  .navy > li { display: table-cell; width: 50%; }
  .navy li:nth-child(1) { text-align: left;}
  /* .navy li:nth-child(3) { text-align: right;} */
  .navy li:nth-child(2) { text-align: right;}
  /* footer {margin: 40px 0 20px 0;} */
}
@media (min-width: 992px) {
  body { width: 970px; }
  .item { width: 227.5px; }
  .item.w2 { width: 465px; }
}
@media (min-width: 1200px) {
  body { width: 1170px; }
  .item { width: 277.5px; }
  .item.w2 { width: 565px; }
  /* #devcontainer img, #container img {opacity: .6;} */
}
.item figcaption {
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* opacity: 1; */
  vertical-align: middle;
}
.item figcaption p {
  background: rgb(15, 15, 15, .3);
  position: relative;
  top:100%; width:100%;
  display: block;
  font-size: 1.1em;
}
/* .item:hover figcaption { opacity: 0; }
.item:hover figcaption p { display:none; } */
@font-face {
    font-family: 'socicon';
    src: url('font/socicon-webfont.eot');
    src: url('font/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/socicon-webfont.woff') format('woff'),
         url('font/socicon-webfont.ttf') format('truetype'),
         url('font/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.socicon { font-family: 'socicon' !important; margin-left: .5em; }
::-webkit-scrollbar {
  background-color: #353839;
  color: #c9c1b6;
}
::-webkit-scrollbar-thumb {
  background-color: #5c6265;
}