@charset "utf-8";
#top-articles-container {
  width: 100%;
  overflow: hidden;
}

.top-articles-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.top-articles-column-full {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 100%;
}
.top-articles-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 50%;
}
.top-article-item {
  width: 100%;
  margin: auto;
  position: relative;
  margin: auto;
}
.top-article-item img {
  width: 100%;
  display: block;
  position: relative;
}

.top-article-item-info {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
}

.top-article-item-title img {
  margin: auto;
}

.top-article-item-info-readmore {
  bottom: 0;
  padding-bottom: 24px;
  width: 100%;
  position: absolute;
  text-align: center;
  color: white;
}
.top-article-item-info-readmore img {
  margin: auto;
  width: 18.23%;
}
.top-article-item-info-lg-styler-text {
  font: normal normal normal 15px/18px Optima;
  letter-spacing: 0.6px;
  margin-bottom: 6px;
}
.top-article-item-info-readmore-text {
  font: normal normal bold 13px/15px Optima;
  text-decoration: underline;
  letter-spacing: 0.52px;
}

@media (min-width: 768px) {
  .top-articles-container {
    margin-top: 50px;
  }
  .top-articles-column-full {
    flex: 33%;
  }
  .top-articles-column {
    flex: 33%;
  }
}