* {
    box-sizing: border-box;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
body{
    margin: 0;
    background-color: #ccc;
}
.container{
    margin: 0 auto 0 auto;
    max-width: calc(100% - 60px);
    position: relative;
  img {
    padding: 0;
    margin-bottom: 12pt;
    box-shadow: 6pt 6pt 8pt #888;
  }
}
.container2{
    max-width: min(calc(100% - 60px), 1460px);
    margin: 0 auto 0 auto;
    background-color: #dddddd;
    border: #888 1px solid;
    box-shadow: 5pt 5pt 8pt #aaa;
    overflow: hidden;
}
.blanche{
    background-color: rgba(255, 255, 255, .5);
    padding-right: 1em;
    box-shadow:2pt 1pt 6pt rgba(255, 255, 255, .75);
    border-radius: 1em;
}
.flex-container{
    display: flex;
    justify-content: space-evenly;
}
.tab{
    flex-direction: column;
}
p{
    padding: 0 1em 1em 1em;
    margin: 0;
}
.title {
    font-size: 1.5em;
}
.big{
    font-size: 2em;
}
cite{
    margin-left: 8pt;
    font-size: .85em;
}
.densify{
    padding-bottom: 1em;
}
.densify>p{
  padding: 0 0 0 1em;
}
img {
    padding: 0;
    max-width: 100%;
}
.smallish{
    max-width: 634px;
    width: 33vw;
}
.midish{
  width: 65vw;
  max-width: 968px;
}
.midish-plus{
  padding-top: 3em;
  width: 65vw;
  max-width: 1218px;
}
.right{
  float: right;
  margin-left: 1em;
}
.left{
  float: left; 
  margin-right: 1em;
}
h1{
  margin: 0 0 4pt 4pt;
}
h2{
  padding: 1em 0 4pt 6pt;
}
h3{
  padding: 6pt 0 8pt 8pt;
  margin: 0;
}
h4{
  margin: 1em 0 3pt 12pt;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
div.center-flex{
  display: flex;
  flex-direction: column;
  align-items: center;
}
div#top{
  position: absolute;
  top: 6pt;
  left: 2pt;
}
.clear-both{
    clear: both;
}
.clear-left{
    clear: left;
}
.clear-right{
    clear: right;
}
.center-me{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.bigbreak{
    margin: 2em 0 1em 0;
}
figcaption{
    text-align: left;
}
.caption{
  background-color: white; 
  font-size: smaller;
}
figure{
    background-color: #edeaea;
    margin: 0;    
    figcaption{
      font-size: smaller;
  }
}

@media (max-width: 450px) {
  .container{
    max-width: 100%;
  }
  .container2{
    max-width: calc(100% - 10px);
  }
  .smallish {
    width: 100%;
  }
  .midish {
    width: 100%;
  }
}