html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v19-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v19-latin-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'),
       url('../fonts/roboto-mono-v6-latin-regular.woff2') format('woff2');
}


body {
  font-family: Roboto, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration:none;
}

h2 {
  margin-bottom:20px;
  font-size:22px;
  color:black;
}

h1 a, h2 a {
  color:black;
}

li {
  list-style-type: none;
}

header {
  display:block;
  position:relative;
  padding: 15px 0 0 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

header h1 {
  display: inline;
  font-size:50px;
  font-weight:bold;
  color:black;
}

header h1 small {
  font-size: 14px;
}

header small {
  font-family: 'Courier New', Courier, monospace;
}

#content {
  display:block;
  width: auto;
  margin:20px auto 20px auto;
  padding: 15px;
}

@media screen and (min-width: 1024px) {
  #content {
      width:800px;
  }

  header {
      width:800px;
  }
}

@media screen and (max-width: 1023px) {
  img {
    max-width:80%;
  }

  body {
    margin-left:10px;
    margin-right:10px;
  }
}

footer {
  display:block;
  left: 0px;
  font-size: 14px;
  color: #666;
}

article {
  display: block;
  font-size: 16px;
  margin-bottom:25px;
}

article address {
  display: inline;
  border-right: 1px solid #ccc;
  padding-right: 3px;
  margin-right: 7px;
}

article p {
  position:relative;
  padding-left:20px;
  padding-top:10px;
  hyphens: auto; 
  text-align: justify;
  line-height: 1.25;
  font-size: 16px;
  margin-bottom:10px;
}

article h2 {
  display: inline;
  font-size:30px;
}

article h3 {
  margin-top: 5px;
}

article li {
  list-style-type: disc;
}

article ul {
  padding-left: 40px;
}

.gallery {
  text-align: center;
  padding-top: 10px;
}

.figure {
  padding-left:20px;
}

.gallery > .figure {
  display: inline-block;
}

.caption {
  color #666;
  font-size: 12px;
  padding-left:0;
  text-align:inherit;

}

.centralize {
  font-family: 'Courier New', Courier, monospace;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}


footer a {
  color:darkred;
}

.accent {
  color:darkred;
}

.literal-block {
  border-radius: 5px 0 0 5px;
  color: #000;
  font-family: "Lucida Console", Monaco, monospace;
  margin-left: 20px;
  padding: 10px;
  font-size: 14px;
  border-left: 4px solid;
  border-color: darkred;
  overflow: auto;
}

tt {
  padding: 10px;
  border-radius: 5px 0 0 5px;
  color: #000;
  font-family: monospace;
  border-left: 4px solid darkred;
  overflow: auto;
}