html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px; 
}
html, body{
    padding:1em;
}

* {
  margin: 0;
  padding: 0;
}
body {
	font-family: "Avenir Next", "Avenir", Helvetica, sans-serif;
	font-size: medium;
	background-color: rgb(115, 115, 115); 
	color: rgb(253, 252, 255); 
	padding: 0em; /* ensures footer is pinned to bottom */
	-webkit-text-size-adjust: none;
}
h2{
	font-weight: 600;
}
.container {
   /* padding:1em; */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

figure{
display: inline-block; 
/*		display: block; */
}
figcaption {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}
.twinset {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.cliptwin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.caption {
	display: block;
}
div.source {
/*	float: left; */
	position:static;
}
div.vcutup {
/*	float: left; */
	position:static;
}
div.didactic {
	max-width: 1120px;
	text-align: left;
}
	
a.htstrong {
	color: #FFFFFF;
	font-size: large;
}
a.htclass:link {
/*	color: rgb(62, 145, 201); */
	color: rgb(0, 0, 0);
	text-decoration: none;
	font-weight: 400; 
}
a:hover {
	color: rgb(255, 255, 255);
}

a:visited {
	color: rgb(227, 227, 227);
	text-decoration: none;
}
a:active {
	color: rgb(57, 75, 102);
}
a.sans:link,
a.sans:visited {
	color: rgb(57, 75, 102);
}
.deemphasis {
	color: rgb(57, 75, 102);
}