@media (min-width: 768px) {
  .article-header {
    padding: calc(8px * 5) calc(8px * 10) 0; } }
@media (max-width: 767px) {
  .article-header {
    padding: calc(8px * 5) calc(8px * 2) 0; } }

@media (max-width: 767px) {
  h1 {
    font-size: 2rem; } }
@media (min-width: 768px) {
  h1 {
    font-size: 1.6rem; } }

.article-body {
  padding-top: 0; }
  @media (max-width: 767px) {
    .article-body h2 {
      font-size: 6vw; } }
  .article-body h2 span {
    font-size: 60%; }

section .flex {
  margin-bottom: calc(8px * 4); }
  section .flex .text {
    order: 2; }
  section .flex picture {
    order: 1;
    text-align: center; }
  @media (min-width: 768px) and (max-width: 959px) {
    section .flex > * {
      width: 100% !important; } }
section h2 span {
  font-size: 100%; }