.articlePage {
  margin-top: 80px;
}
.articleSection {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.article_colLeft,
.article_colRight {
  width: calc(100% - 40px);
  margin-right: 20px;
  margin-left: 20px;
}
.article_colLeft a {
  color: #34b0f0;
  font-weight: bold;
}
.articleHeader_imageContainer {
  order: 2;
  margin-bottom: 25px;
}
.articleHeader_contentContainer {
  order: 1;
  margin-bottom: 50px;
}
.article_image {
  max-width: 100%;
}
.article_authorProfile {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 160px;
}
.article_authorProfileImage {
  border-radius: 50%;
  width: 115px;
  height: 115px;
  object-fit: cover;
}
.article_titleContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.article_title {
  text-align: center;
  font-family: 'Lato', sans-serif;
  color: #273a5d;
  font-weight: 700;
  font-size: 34px;
}
.article_subtitleContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.article_subtitle {
  text-align: center;
  color: #767171;
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  font-size: 24px;
}
.article_subtitle > a {
  text-decoration: underline;
}
.article_info {
  display: flex;
  justify-content: center;
}
.article_date {
  color: #838383;
  font-size: 15px;
  font-family: #273a5d;
}
.article_infoDivider {
  margin-left: 8px;
  margin-right: 8px;
  border-right: 1px solid #578899;
}
/* ============================================ *
 * MAX WIDTH QUERIES
* ============================================ */
@media (max-width: 479px) {
  .articlePage {
    margin-top: 25px;
  }
}
@media (max-width: 769px) {
  .article_title {
    font-size: 33px;
  }
}
/* ============================================ *
 * MIN WIDTH QUERIES
 * ============================================ */
@media (min-width: 600px) {
  .articlePage {
    margin-top: 30px;
  }
}
@media (min-width: 980px) {
  .articleSection {
    flex-direction: row;
  }
  .article_colLeft {
    width: calc(65% - 40px);
    margin-right: 100px;
    margin-left: 20px;
  }
  .article_colRight {
    width: calc(35% - 40px);
    margin-left: 20px;
    margin-right: 20px;
  }
  .articleHeader_imageContainer {
    order: 1;
  }
  .articleHeader_contentContainer {
    order: 2;
  }
  .article_authorProfile {
    height: 135px;
  }
  .article_authorProfileImage {
    width: 90px;
    height: 90px;
  }
  .article_title {
    font-size: 26px;
  }
  .article_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .article_colLeft {
    width: calc(60% - 40px);
    margin-right: 100px;
    margin-left: 20px;
  }
  .article_colRight {
    width: calc(40% - 60px);
    margin-left: 40px;
    margin-right: 20px;
  }
  .article_authorProfile {
    height: 160px;
  }
  .article_authorProfileImage {
    width: 115px;
    height: 115px;
  }
  .article_title {
    font-size: 34px;
  }
  .article_subtitle {
    font-size: 24px;
  }
}