main {
  display:flex;
  flex-wrap:wrap;
  gap:0 1rem;
  text-align:center;
  margin:0;
  padding:1rem 1rem 0 1rem;
}
main h1 {
  flex:0 0 100%;
  font-weight:300;
  font-size:1.5rem;
  margin:0 0 1rem 0;
  padding:0;
}
main section {
  flex:1 1 calc(33.3333% - (2rem / 3));
  margin:0;
  padding:0;
}
main section img {
  vertical-align:top;
  width:24rem;
  max-width:100%;
  height:auto;
  margin:0 0 1rem 0;
  padding:0;
}
main section h2 {
  font-weight:300;
  font-size:1.25rem;
  margin:0 0 1rem 0;
  padding:0;
}
main section h2 a {
  text-decoration:underline dotted dimgray .0625rem;
  color:dimgray;
  margin:0;
  padding:0;
}
main section h2 a:hover,
main section h2 a:active {
  text-decoration:none;
}
aside {
  display:flex;
  flex-wrap:wrap;
  gap:0 1rem;
  text-align:center;
  margin:0;
  padding:1rem 1rem 0 1rem;
}
aside h2 {
  flex:0 0 100%;
  font-weight:300;
  font-size:1.5rem;
  margin:0 0 1rem 0;
  padding:0;
}
aside section {
  flex:1 1 calc(33.3333% - (2rem / 3));
  margin:0;
  padding:0;
}
aside section h3 {
  font-weight:300;
  font-size:1.25rem;
  margin:0 0 1rem 0;
  padding:0;
}
aside section p {
  margin:0 0 1rem 0;
  padding:0;
}
aside section img {
  vertical-align:top;
  width:10rem;
  max-width:100%;
  height:auto;
  margin:0 0 1rem 0;
  padding:0;
}
@media (max-width:75.9375rem) {
  main section {
    flex:1 1 calc(50% - (1rem / 2));
  }
}
@media (max-width:50.9375rem) {
  main section {
    flex:0 0 100%;
  }
  aside section {
    flex:0 0 100%;
  }
}