body {
    font-family: monospace;
    color:#555;
    font-size:16px;
    margin:2em auto;
    max-width:800px;
    padding:1em;
    line-height:1.4;
    text-align:justify;
    background-color:  	#fdf6e3  }

.title  { 
    text-align: center;
    margin-bottom: .2em; }

.subtitle { 
    text-align: center;
    font-size: medium;
    font-weight: bold;
    margin-top:0; }

.tag { 
    background-color: #eee; 
    font-family: monospace;
    padding: 2px; 
    font-size: 80%; 
    font-weight: normal; }
    
.ul {
  list-style-type: disclosure-closed;
}

.hr2 {  
  border-bottom: 1px dotted #a29696;
}

.row {
  margin-top: 20px;
  display: flex;
}

.col {
  flex: 50%;
}

@media screen and (max-width: 500px) {
  body {
	font-size: 80% !important;
  }

  .col img {
	width: 100% !important;
  }

  .row, .cols {
      display: block;
  }
}


.timestamp { color: #bebebe; }

#navigation { text-align: right; font-size: 70%; white-space: nowrap; }