html, body {
    background-color: #d1e4dd;
    color: black;
    font-size: 1.1em;
    text-align: center;
    box-sizing: border-box;
}

p {
    max-width: 38em;
    margin: 1em auto 1em auto;
    line-height: 1.45;
}

h1 {
    font-size: 350%;
}

h2 {
    font-size: 250%;
}

figure, figcaption, img {
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

body img {
    max-width: 94vw;
    display: block;
    margin: 1.7em auto 1.7em auto;
}

figure img {
    margin-bottom: 1em;
}

img{
    border-radius: 0.7em;
    box-shadow: 5px 10px 5px darkgray;
}

figure {
    border: 0.175em black solid;
    border-radius: 1em;
    margin: 1em 0 1em 0;
}

figcaption {
    padding: 0.75em;
}

a {text-decoration: none}

table, tbody, tr, td { border-collapse: collapse; border-spacing: 0}

address {text-align: center; margin-left: auto; margin-right: auto}

hr { width: 16em; width: 16rem; height:.09em; height:.09rem; background-color: #585858; margin: auto}

footer {text-align: center;margin-left: auto; margin-right: auto; margin-bottom: .5em; margin-bottom: .5rem}

table, tr, td {border-collapse: collapse; margin: auto}

table {width: auto; margin-top:1em; margin-top:1rem; margin-bottom: 1em; margin-bottom: 1rem}

td, small {text-align: center}

small { text-align: center; margin-left: auto; margin-right: auto; font-size: .75em; font-size: .75rem}

address table tr td:nth-child(1) {
	text-align:right
}

address table tr td:nth-child(2) {
	text-align:left
}

td
{
	padding: .3em; padding: .3rem
}

a:link {
    color: #204FE8;
}

a:visited {
    color: purple
}

a:hover {
    color: blue;
		border-bottom: dotted 0.08em
}

a:active {
    color: green
}

h1 a:visited {
    color: #204FE8
}

h3 a:visited {
    color: #204FE8
}

video {height:25em}

div.video-wrapper {margin:auto;  text-align: center;
max-width: 100% /* used to center the video */}

blockquote{margin: auto; padding:0; padding-left: 1.75em; border-left: .5em solid darkgray;
max-width: 29em; max-width: 29rem; height: auto}

blockquote::before, blockquote::after {
	position: relative;

	/*Font*/
  font-family: Georgia, serif;
  font-size: 5.8em;
  font-weight: bold;
  color: #999;
}

blockquote :first-child {display:inline; margin-top: 0}
blockquote :nth-child(2) {padding-top: 0; margin-top: 0}
blockquote :last-child {margin-bottom:0}

blockquote h2 {margin: 0; padding: 0}

blockquote::before {
  content: "\201C";

	/*Positioning*/
  left:0;
  top:0;
}

blockquote::after {
  content: "\201D";

	/* Positioning */
  right:0;
  bottom:0;
}

video {margin: 2.5em 0 2.5em 0}

@media (orientation: portrait) {

	blockquote {width: 80%; max-width: 80%}
	video {
		height: auto;
		width: 92%}
}