/****************************************
  Text Pages
/****************************************/

@media only screen
{
  body>main{
    width: 80%;
    margin-left: 10vw;
    margin: 1em auto;
    margin-bottom: 0;
    margin-left: 10vw;
    max-width: 1600px;
  }
}

@media only screen and (max-width: calc(800px + 2em)) {
  body>main{
  width: 100%;
  margin: auto 0;
  }
}

@media only screen and (min-width: calc(800px + 2em)) {
  body>main{
  min-width: 800px;
  }
}

body>main>article{
  width: 100%;
  counter-reset: heading;
}

.well{
  margin: auto;
  max-width: 1024px;
}

@media only screen
{
  main>article>p+p{
    margin-left: 0;
  }

  main>article>:is(p, blockquote){
    max-width: 75vw;
  }

  main>article>p{
    margin-left: 0;
  }
}

@media only screen and (min-width: 800px) {
  main>article>:is(p, blockquote){
      min-width: 800px;
    }
}

@media only screen and (max-width: 1000px) {
  main>article>:is(p, blockquote){
    max-width: initial;
    min-width: initial;
  }
}

main>article figcaption{
  max-width: 75vw;
  margin: auto;
}

@media only screen and (min-width: 1365px) {
  main>article>:is(p, blockquote){
    max-width: 1024px;
  }

  main>article figcaption{
    max-width: 1024px;
  }
}

figure {
  float: right;
  clear: right;
  display: block;
  width: 100%;
  margin-bottom:0;
}

figure img{
  margin-right: 0;
}

@media only screen and (max-width: 800px) {
  article figure {
    margin: auto;
  }
}

@media only screen and (min-width: 800px) {
  article figure {
    margin-left: 1em;
    width: initial;
    display: inline-block;
  }

  figure img{
    width: 100%;
    margin: auto;
}

}

/* Since this layout has narrower margins ... */
@media only screen and (min-width: 900px) {
  nav.pager{
    position: relative;
  }
}

main>article>aside{
  position: unset!important;
  float: right!important;
  left: unset!important;
  margin: 1em!important;
  max-width: 30%!important;
  clear: both;
}

article h2:before {
	content: counter(heading)" ";
	counter-increment: heading;
}

article h2 {
	counter-reset: subheading;
}

article h3:before {
	content: counter(heading)"." counter(subheading)" ";
	counter-increment: subheading;
}

article h3 {
	counter-reset: subsubheading;
}

article h4:before {
	content: counter(heading)"." counter(subheading)"." counter(subsubheading)" ";
	counter-increment: subsubheading;
}

article h4 {
	counter-reset: subsubsubheading;
}

article h5:before {
	content: counter(heading)"." counter(subheading)"." counter(subsubheading)"." counter(subsubsubheading)" ";
	counter-increment: subsubsubheading;
}