.comic {
	font: bold larger "Comic Sans MS", "Comic Sans", fantasy, sans-serif;
}

.dark {
	padding-top: 4ex;
	padding-bottom: 4ex;
}
.silver-bg {
	padding: 3ex 4vw;
}
.royal {
	font: bold larger "Apple Chancery", "Lucinda Calligraphy Italic",
		fantasy, sans-serif;
}

H1,H2,H3,H4 {
	font-family: "Apple Chancery", "Lucinda Calligraphy Italic", fantasy,
		sans-serif;
		line-height: 140%;
}
h1 {
	font-size: clamp(2rem, 5vw, 3rem);
}
h2 {
	font-size: clamp(1.5rem, 4vw, 2rem);
}
h3 {
	font-size: clamp(1.2rem, 3vw, 1.4rem);
}
h4 {
	font-size: clamp(1rem, 1.25vw, 1.25rem);
}
h3.by {
	margin-top: 0;
}
H2,H3,H4 {
	margin-bottom: 1ex;
}

H2+P,H3+P,H4+P {
	margin-top: 1ex;
}
div.silver-bg > h2:first-child {
	margin-top: 1ex;
}

P.tight {
	margin-top: 1pt;
	margin-bottom: 1pt;
}

ADDRESS {
	margin: 0.4em 0 0.4em 1em;
}

.superhead {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: clamp(24pt, 4vw, 36pt);
	text-align: left;
	line-height: 120%;
}

.date {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16pt;
	color: rgb(245, 130, 32);
	background-color: inherit;
	text-align: center;
}

HR {
	clear: both;
}

img.responsive {
  max-width: 100%;
  height: auto;
}

STRONG {
	color: purple;
	background-color: inherit;
}

div.ex {
	background: white;
	width: 75vw;
	max-width: calc(1000px - 10vw);
	margin: 2ex auto;
	border: 5px solid gray;
	padding: 2.5ex 3vw 3ex;
	box-sizing: border-box;
}

div.ex h3 {
	margin-bottom: 2.5ex;
	margin-left: auto;
	margin-right: auto;
}


/* Rules Sensitive to Screen Size */

/* Small Screen Rules */
@media screen and (min-width: 150px) and (max-width: 515px) 
{
	.silver-bg {
		padding: 1ex 1em;
	}
	
	blockquote {
		margin: 1em 1ex;
	}
	
	div.ex  {
		width: 100%;
		padding: 2ex 1.5em 3ex 1.5em;
	}
}