.main {
  text-align: center;
}

.articles-container {
  display: inline-block;
  text-align: left;
  padding: 0 1em;
}

.articles-container ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

.articles-container li {
  margin-bottom: 1em;
}

.articles-container a {
  display: flex;
  align-items: center;
}

.articles-container img {
  width: 75px;
  height: auto;
  margin-right: 10px;
}

.article__pdf {
  display: block;
}

.article__download {
  display: none;
}

@media screen and (max-width: 500px) {
  .article__pdf {
    display: none;
  }
  .article__download {
    display: block;
  }
}