body {
  font-size: 11pt;
  padding: 0.5rem;
}

img, figure, .figure-sized {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

@media screen and (min-height: 22rem) and (max-height: 24rem) {
  img, figure, .figure-sized {
    max-height: 24rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 24rem) and (max-height: 26rem) {
  img, figure, .figure-sized {
    max-height: 26rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 26rem) and (max-height: 28rem) {
  img, figure, .figure-sized {
    max-height: 28rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 28rem) and (max-height: 30rem) {
  img, figure, .figure-sized {
    max-height: 30rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 30rem) and (max-height: 32rem) {
  img, figure, .figure-sized {
    max-height: 32rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 32rem) and (max-height: 34rem) {
  img, figure, .figure-sized {
    max-height: 34rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 34rem) and (max-height: 36rem) {
  img, figure, .figure-sized {
    max-height: 36rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 36rem) and (max-height: 38rem) {
  img, figure, .figure-sized {
    max-height: 38rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 38rem) and (max-height: 40rem) {
  img, figure, .figure-sized {
    max-height: 40rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 40rem) and (max-height: 42rem) {
  img, figure, .figure-sized {
    max-height: 42rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 42rem) and (max-height: 44rem) {
  img, figure, .figure-sized {
    max-height: 44rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 44rem) and (max-height: 46rem) {
  img, figure, .figure-sized {
    max-height: 46rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 46rem) and (max-height: 48rem) {
  img, figure, .figure-sized {
    max-height: 48rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 48rem) and (max-height: 50rem) {
  img, figure, .figure-sized {
    max-height: 50rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 50rem) and (max-height: 52rem) {
  img, figure, .figure-sized {
    max-height: 52rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 52rem) and (max-height: 54rem) {
  img, figure, .figure-sized {
    max-height: 54rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 54rem) and (max-height: 56rem) {
  img, figure, .figure-sized {
    max-height: 56rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 56rem) and (max-height: 58rem) {
  img, figure, .figure-sized {
    max-height: 58rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 58rem) and (max-height: 60rem) {
  img, figure, .figure-sized {
    max-height: 60rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-height: 60rem) and (max-height: 62rem) {
  img, figure, .figure-sized {
    max-height: 62rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 34.0833333333rem) and (min-height: 25.5625rem) {
  body {
    font-size: 11pt;
    border-color: black;
    width: 33.0833333333rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body > header, body > footer {
    width: 32.0833333333rem;
    margin-left: 0rem;
  }
  body > header {
    border-top: 0.35rem solid #000;
  }
  body:before, body:after, section:before, section:after, article:before, article:after {
    content: " ";
    display: table;
  }
  body:after, section:after, article:after {
    clear: both;
  }
  body, section, article {
    zoom: 1;
  }
  body > *, section > *, article > * {
    width: 32.0833333333rem;
    margin-left: 0;
    margin-right: 0;
  }
  body > img, body > figure, body > .figure-sized, section > img, section > figure, section > .figure-sized, article > img, article > figure, article > .figure-sized {
    width: 32.0833333333rem;
    margin-left: 0rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
  }
  section, article {
    width: 32.0833333333rem;
    margin-left: 0rem;
  }
  img, figure, .figure-sized {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
  }
  img.figure-type-first, figure.figure-type-first, .figure-sized.figure-type-first {
    margin-top: 1rem;
  }
  img > *, figure > *, .figure-sized > * {
    max-width: 100%;
    max-height: initial;
    margin: 0;
  }
  img > *.small_src, figure > *.small_src, .figure-sized > *.small_src {
    width: 100%;
  }
  img.group, figure.group, .figure-sized.group {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  img.group > *, figure.group > *, .figure-sized.group > * {
    width: calc((100% - (1rem)) / 2);
    margin: 0;
    margin-left: 1rem;
  }
  img.group > *:first-child, figure.group > *:first-child, .figure-sized.group > *:first-child {
    margin-left: 0;
  }
  img.group > figcaption, figure.group > figcaption, .figure-sized.group > figcaption {
    column-span: all;
  }
}

@media screen and (min-width: 34.0833333333rem) and (min-height: 25.5625rem) and (max-height: 59.3541666667rem) {
  .portrait-sized {
    float: left;
    width: calc((100% - (1rem)) / 2);
  }
  .portrait-sized + * {
    clear: both;
  }
  .portrait-sized + .portrait-sized {
    clear: none;
  }
  .portrait-sized-odd + .portrait-sized {
    clear: both;
  }
  .portrait-sized + .portrait-sized-odd {
    margin-left: 1rem;
  }
  .portrait-sized.figure-type-first + .portrait-sized {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 42rem) and (min-height: 31.5rem) {
  body {
    font-size: 12pt;
    width: 41rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body > header, body > footer {
    width: 40rem;
    margin-left: 0rem;
  }
  body > header {
    border-top: 0.35rem solid #000;
  }
  body:before, body:after, section:before, section:after, article:before, article:after {
    content: " ";
    display: table;
  }
  body:after, section:after, article:after {
    clear: both;
  }
  body, section, article {
    zoom: 1;
  }
  body > *, section > *, article > * {
    width: 40rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  body > img, body > figure, body > .figure-sized, section > img, section > figure, section > .figure-sized, article > img, article > figure, article > .figure-sized {
    width: 40rem;
    margin-left: 0rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
  }
  section, article {
    width: 40rem;
    margin-left: 0rem;
  }
  img, figure, .figure-sized {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
  }
  img.figure-type-first, figure.figure-type-first, .figure-sized.figure-type-first {
    margin-top: 1rem;
  }
  img > *, figure > *, .figure-sized > * {
    max-width: 100%;
    max-height: initial;
    margin: 0;
  }
  img > *.small_src, figure > *.small_src, .figure-sized > *.small_src {
    width: 100%;
  }
  img.group, figure.group, .figure-sized.group {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  img.group > *, figure.group > *, .figure-sized.group > * {
    width: calc((100% - (1rem)) / 2);
    margin: 0;
    margin-left: 1rem;
  }
  img.group > *:first-child, figure.group > *:first-child, .figure-sized.group > *:first-child {
    margin-left: 0;
  }
  img.group > figcaption, figure.group > figcaption, .figure-sized.group > figcaption {
    column-span: all;
  }
}

@media screen and (min-width: 42rem) and (min-height: 31.5rem) and (max-height: 74rem) {
  .portrait-sized {
    float: left;
    width: calc((100% - (1rem)) / 2);
  }
  .portrait-sized + * {
    clear: both;
  }
  .portrait-sized + .portrait-sized {
    clear: none;
  }
  .portrait-sized-odd + .portrait-sized {
    clear: both;
  }
  .portrait-sized + .portrait-sized-odd {
    margin-left: 1rem;
  }
  .portrait-sized.figure-type-first + .portrait-sized {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 50rem) and (min-height: 37.5rem) {
  body {
    width: 49rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body > header, body > footer {
    width: 48rem;
    margin-left: 0rem;
  }
  body > header {
    border-top: 0.35rem solid #000;
  }
  body:before, body:after, section:before, section:after, article:before, article:after {
    content: " ";
    display: table;
  }
  body:after, section:after, article:after {
    clear: both;
  }
  body, section, article {
    zoom: 1;
  }
  body > *, section > *, article > * {
    width: 40rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  body > img, body > figure, body > .figure-sized, section > img, section > figure, section > .figure-sized, article > img, article > figure, article > .figure-sized {
    width: 48rem;
    margin-left: 0rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  section, article {
    width: 48rem;
    margin-left: 0rem;
  }
  img, figure, .figure-sized {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
  }
  img.figure-type-first, figure.figure-type-first, .figure-sized.figure-type-first {
    margin-top: 2rem;
  }
  img > *, figure > *, .figure-sized > * {
    max-width: 100%;
    max-height: initial;
    margin: 0;
  }
  img > *.small_src, figure > *.small_src, .figure-sized > *.small_src {
    width: 100%;
  }
  img.group, figure.group, .figure-sized.group {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  img.group > *, figure.group > *, .figure-sized.group > * {
    width: calc((100% - (2rem)) / 2);
    margin: 0;
    margin-left: 2rem;
  }
  img.group > *:first-child, figure.group > *:first-child, .figure-sized.group > *:first-child {
    margin-left: 0;
  }
  img.group > figcaption, figure.group > figcaption, .figure-sized.group > figcaption {
    column-span: all;
  }
}

@media screen and (min-width: 50rem) and (min-height: 37.5rem) and (max-height: 88.8rem) {
  .portrait-sized {
    float: left;
    width: calc((100% - (2rem)) / 2);
  }
  .portrait-sized + * {
    clear: both;
  }
  .portrait-sized + .portrait-sized {
    clear: none;
  }
  .portrait-sized-odd + .portrait-sized {
    clear: both;
  }
  .portrait-sized + .portrait-sized-odd {
    margin-left: 2rem;
  }
  .portrait-sized.figure-type-first + .portrait-sized {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 58rem) and (min-height: 43.5rem) {
  body {
    width: 57rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body > header, body > footer {
    width: 56rem;
    margin-left: 0rem;
  }
  body > header {
    border-top: 0.35rem solid #000;
  }
  body:before, body:after, section:before, section:after, article:before, article:after {
    content: " ";
    display: table;
  }
  body:after, section:after, article:after {
    clear: both;
  }
  body, section, article {
    zoom: 1;
  }
  body > *, section > *, article > * {
    width: 40rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  body > img, body > figure, body > .figure-sized, section > img, section > figure, section > .figure-sized, article > img, article > figure, article > .figure-sized {
    width: 56rem;
    margin-left: 0rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  section, article {
    width: 56rem;
    margin-left: 0rem;
  }
  img, figure, .figure-sized {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
  }
  img.figure-type-first, figure.figure-type-first, .figure-sized.figure-type-first {
    margin-top: 2rem;
  }
  img > *, figure > *, .figure-sized > * {
    max-width: 100%;
    max-height: initial;
    margin: 0;
  }
  img > *.small_src, figure > *.small_src, .figure-sized > *.small_src {
    width: 100%;
  }
  img.group, figure.group, .figure-sized.group {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  img.group > *, figure.group > *, .figure-sized.group > * {
    width: calc((100% - (2rem)) / 2);
    margin: 0;
    margin-left: 2rem;
  }
  img.group > *:first-child, figure.group > *:first-child, .figure-sized.group > *:first-child {
    margin-left: 0;
  }
  img.group > figcaption, figure.group > figcaption, .figure-sized.group > figcaption {
    column-span: all;
  }
}

@media screen and (min-width: 58rem) and (min-height: 43.5rem) and (max-height: 103.6rem) {
  .portrait-sized {
    float: left;
    width: calc((100% - (2rem)) / 2);
  }
  .portrait-sized + * {
    clear: both;
  }
  .portrait-sized + .portrait-sized {
    clear: none;
  }
  .portrait-sized-odd + .portrait-sized {
    clear: both;
  }
  .portrait-sized + .portrait-sized-odd {
    margin-left: 2rem;
  }
  .portrait-sized.figure-type-first + .portrait-sized {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 68.6666666667rem) and (min-height: 51.5rem) {
  body {
    width: 67.6666666667rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body > header, body > footer {
    width: 66.6666666667rem;
    margin-left: 0rem;
  }
  body > header {
    border-top: 0.35rem solid #000;
  }
  body:before, body:after, section:before, section:after, article:before, article:after {
    content: " ";
    display: table;
  }
  body:after, section:after, article:after {
    clear: both;
  }
  body, section, article {
    zoom: 1;
  }
  body > *, section > *, article > * {
    width: 46.6666666667rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  body > img, body > figure, body > .figure-sized, section > img, section > figure, section > .figure-sized, article > img, article > figure, article > .figure-sized {
    width: 66.6666666667rem;
    margin-left: 0rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  section, article {
    width: 66.6666666667rem;
    margin-left: 0rem;
  }
  img, figure, .figure-sized {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
  }
  img.figure-type-first, figure.figure-type-first, .figure-sized.figure-type-first {
    margin-top: 2rem;
  }
  img > *, figure > *, .figure-sized > * {
    max-width: 100%;
    max-height: initial;
    margin: 0;
  }
  img > *.small_src, figure > *.small_src, .figure-sized > *.small_src {
    width: 100%;
  }
  img.group, figure.group, .figure-sized.group {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  img.group > *, figure.group > *, .figure-sized.group > * {
    width: calc((100% - (2rem)) / 2);
    margin: 0;
    margin-left: 2rem;
  }
  img.group > *:first-child, figure.group > *:first-child, .figure-sized.group > *:first-child {
    margin-left: 0;
  }
  img.group > figcaption, figure.group > figcaption, .figure-sized.group > figcaption {
    column-span: all;
  }
}

@media screen and (min-width: 68.6666666667rem) and (min-height: 51.5rem) and (max-height: 123.3333333333rem) {
  .portrait-sized {
    float: left;
    width: calc((100% - (2rem)) / 2);
  }
  .portrait-sized + * {
    clear: both;
  }
  .portrait-sized + .portrait-sized {
    clear: none;
  }
  .portrait-sized-odd + .portrait-sized {
    clear: both;
  }
  .portrait-sized + .portrait-sized-odd {
    margin-left: 2rem;
  }
  .portrait-sized.figure-type-first + .portrait-sized {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 80.6666666667rem) and (min-height: 60.5rem) {
  body {
    width: 79.6666666667rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body > header, body > footer {
    width: 78.6666666667rem;
    margin-left: 0rem;
  }
  body > header {
    border-top: 0.35rem solid #000;
  }
  body:before, body:after, section:before, section:after, article:before, article:after {
    content: " ";
    display: table;
  }
  body:after, section:after, article:after {
    clear: both;
  }
  body, section, article {
    zoom: 1;
  }
  body > *, section > *, article > * {
    width: 46.6666666667rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  body > img, body > figure, body > .figure-sized, section > img, section > figure, section > .figure-sized, article > img, article > figure, article > .figure-sized {
    width: 78.6666666667rem;
    margin-left: 0rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  section, article {
    width: 78.6666666667rem;
    margin-left: 0rem;
  }
  img, figure, .figure-sized {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
  }
  img.figure-type-first, figure.figure-type-first, .figure-sized.figure-type-first {
    margin-top: 2rem;
  }
  img > *, figure > *, .figure-sized > * {
    max-width: 100%;
    max-height: initial;
    margin: 0;
  }
  img > *.small_src, figure > *.small_src, .figure-sized > *.small_src {
    width: 100%;
  }
  img.group, figure.group, .figure-sized.group {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  img.group > *, figure.group > *, .figure-sized.group > * {
    width: calc((100% - (2rem)) / 2);
    margin: 0;
    margin-left: 2rem;
  }
  img.group > *:first-child, figure.group > *:first-child, .figure-sized.group > *:first-child {
    margin-left: 0;
  }
  img.group > figcaption, figure.group > figcaption, .figure-sized.group > figcaption {
    column-span: all;
  }
}

@media screen and (min-width: 80.6666666667rem) and (min-height: 60.5rem) and (max-height: 145.5333333333rem) {
  .portrait-sized {
    float: left;
    width: calc((100% - (2rem)) / 2);
  }
  .portrait-sized + * {
    clear: both;
  }
  .portrait-sized + .portrait-sized {
    clear: none;
  }
  .portrait-sized-odd + .portrait-sized {
    clear: both;
  }
  .portrait-sized + .portrait-sized-odd {
    margin-left: 2rem;
  }
  .portrait-sized.figure-type-first + .portrait-sized {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 92.6666666667rem) and (min-height: 69.5rem) {
  body {
    width: 91.6666666667rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body > header, body > footer {
    width: 90.6666666667rem;
    margin-left: 0rem;
  }
  body > header {
    border-top: 0.35rem solid #000;
  }
  body:before, body:after, section:before, section:after, article:before, article:after {
    content: " ";
    display: table;
  }
  body:after, section:after, article:after {
    clear: both;
  }
  body, section, article {
    zoom: 1;
  }
  body > *, section > *, article > * {
    width: 46.6666666667rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  body > img, body > figure, body > .figure-sized, section > img, section > figure, section > .figure-sized, article > img, article > figure, article > .figure-sized {
    width: 90.6666666667rem;
    margin-left: 0rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  section, article {
    width: 90.6666666667rem;
    margin-left: 0rem;
  }
  img, figure, .figure-sized {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
  }
  img.figure-type-first, figure.figure-type-first, .figure-sized.figure-type-first {
    margin-top: 2rem;
  }
  img > *, figure > *, .figure-sized > * {
    max-width: 100%;
    max-height: initial;
    margin: 0;
  }
  img > *.small_src, figure > *.small_src, .figure-sized > *.small_src {
    width: 100%;
  }
  img.group, figure.group, .figure-sized.group {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  img.group > *, figure.group > *, .figure-sized.group > * {
    width: calc((100% - (2rem)) / 2);
    margin: 0;
    margin-left: 2rem;
  }
  img.group > *:first-child, figure.group > *:first-child, .figure-sized.group > *:first-child {
    margin-left: 0;
  }
  img.group > figcaption, figure.group > figcaption, .figure-sized.group > figcaption {
    column-span: all;
  }
}

@media screen and (min-width: 92.6666666667rem) and (min-height: 69.5rem) and (max-height: 167.7333333333rem) {
  .portrait-sized {
    float: left;
    width: calc((100% - (2rem)) / 2);
  }
  .portrait-sized + * {
    clear: both;
  }
  .portrait-sized + .portrait-sized {
    clear: none;
  }
  .portrait-sized-odd + .portrait-sized {
    clear: both;
  }
  .portrait-sized + .portrait-sized-odd {
    margin-left: 2rem;
  }
  .portrait-sized.figure-type-first + .portrait-sized {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 92.6666666667rem) and (min-height: 69.5rem) {
  body {
    width: 91.6666666667rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body > header, body > footer {
    width: 90.6666666667rem;
    margin-left: 0rem;
  }
  body > header {
    border-top: 0.35rem solid #000;
  }
  body:before, body:after, section:before, section:after, article:before, article:after {
    content: " ";
    display: table;
  }
  body:after, section:after, article:after {
    clear: both;
  }
  body, section, article {
    zoom: 1;
  }
  body > *, section > *, article > * {
    width: 46.6666666667rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
  body > img, body > figure, body > .figure-sized, section > img, section > figure, section > .figure-sized, article > img, article > figure, article > .figure-sized {
    width: 90.6666666667rem;
    margin-left: 0rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
  section, article {
    width: 90.6666666667rem;
    margin-left: 0rem;
  }
  img, figure, .figure-sized {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
  }
  img.figure-type-first, figure.figure-type-first, .figure-sized.figure-type-first {
    margin-top: 2rem;
  }
  img > *, figure > *, .figure-sized > * {
    max-width: 100%;
    max-height: initial;
    margin: 0;
  }
  img > *.small_src, figure > *.small_src, .figure-sized > *.small_src {
    width: 100%;
  }
  img.group, figure.group, .figure-sized.group {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  img.group > *, figure.group > *, .figure-sized.group > * {
    width: calc((100% - (2rem)) / 2);
    margin: 0;
    margin-left: 2rem;
  }
  img.group > *:first-child, figure.group > *:first-child, .figure-sized.group > *:first-child {
    margin-left: 0;
  }
  img.group > figcaption, figure.group > figcaption, .figure-sized.group > figcaption {
    column-span: all;
  }
}

@media screen and (min-width: 92.6666666667rem) and (min-height: 69.5rem) and (max-height: 167.7333333333rem) {
  .portrait-sized {
    float: left;
    width: calc((100% - (2rem)) / 2);
  }
  .portrait-sized + * {
    clear: both;
  }
  .portrait-sized + .portrait-sized {
    clear: none;
  }
  .portrait-sized-odd + .portrait-sized {
    clear: both;
  }
  .portrait-sized + .portrait-sized-odd {
    margin-left: 2rem;
  }
  .portrait-sized.figure-type-first + .portrait-sized {
    margin-top: 2rem;
  }
}