.ArticleContainer {
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #ddd;
  padding-bottom: 20px;
}

.PostTitle {
  text-align: left;
  font-size: 2rem;
  padding-top: 20px;
  padding-bottom: 20px;
}

.PostTitleImage {
  width: 100%;
  object-fit: cover;
  display: block;
}

.PostSubTitle {
  text-align: left;
  color: black;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.8rem;
}

.SubsectionHeader {
  font-size: 1.4rem;
  text-align: left;
  padding-top: 16px;
  padding-bottom: 16px;
}

.TextContainer {
  text-align: left;
  margin: auto;
  text-indent: 4%;
}

.QueryWidth {
  max-width: 100vw;
}

@media only screen and (min-width: 1000px) {
  .QueryWidth {
    width: 800px;
  }
}

.InTextLink {
  text-decoration: none;
  color: rgb(0, 153, 153);
}

.InTextLink:hover {
  text-decoration: underline;
  color: rgb(0, 153, 153);
}

.SectionImage {
  margin: auto;
  display: block;
  object-fit: cover;
  width: 100%;
}

.SectionImageCaption {
  text-align: left;
  color: black;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.8rem;
}

.SectionHalfImage {
  display: block;
  object-fit: cover;
  width: 50%;
}

.DoubleImageContainer {
  display: flex;
}