.author {border-bottom: 2px solid #CCC; font-size: 1.4rem; margin-bottom: 50px; padding-bottom: 20px}

br.clear {clear: both}

h6 {font-size: 1.2em; margin: 30px 0 0}

/* Images */
div[class^="img"], div[class*="image"], div[id^="img"] {display: flex; background: #F4F4F4; flex-direction: column; font-size: 0.9rem; margin: auto; padding: 10px; width: 100%}
div[class^="img"] + h2, div[id^="img"] + h2 {margin-top: 10px}
div.imgcenter, div.image.center, div#imgcenter {max-width: 800px}
div.imgleft, div#imgleft, div.image.left, div.imgright, div#imgright, div.image.right {max-width: 400px}
div.imgleft, div.image.left, div#imgleft {float: left; margin: 10px 20px 10px 0}
div.imgright, div.image.right, div#imgright {float: right; margin: 10px 0 10px 20px}
div[class^="img"] > a:first-child, div[id^="img"] a:first-child {display: flex}
div[class^="img"] a:first-child + br, div[id^="img"] a:first-child + br {display: none}
div.image.right + div.image.center {clear: both}
div[class^="img"] img, div[class*="image"] img, div[id^="img"] img {margin: 0 auto 5px auto; max-width: 100%}
div[class^="img"] img + b {clear: both}