* {
 font-family: 'Montserrat', serif;
 font-size: 14px;
 font-weight: 600;
 letter-spacing: -0.5px;
}


html, body {
    width: 100%;
}
div {
 display: block;
 clear: both;    
}
hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

div#dir {
 width: 100%;
 padding: 10px 0;
}
div#dir a {
 color: #888;
 background-color: #ddd; 
 display: block;
 border: 1px solid #ccc;
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #aaa;
 float: left;
 width: 300px;
 margin: 2px;
 padding: 4px 1px;
 text-align: center;
}
div#dir a:hover {
 color: #333;   
 background-color: #eee;
 border: 1px solid #555;
 border-bottom: 1px solid #333;
 border-right: 1px solid #333;
}
div#images {
 margin: 10px 0;
 padding: 10px 0;
 border-top: 1px solid #000;
}
img.image {
 margin: 1px;
}