.news {
  margin-bottom: 20px;
}
.news .container-fluid .inner-container {
  padding: 0 15px;
}
.news h2 {
  font-size: 2em;
}
.news h2, .news h3 {
  text-align: center;
}
.news ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 0;
  margin-left: -15px;
  margin-right: -15px;
  list-style: none;
}
.news ul li:not(:has(.button)) {
  flex: 0 0 33.33333333%;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 768px){
	.news ul li {flex: 0 0 50%;}
}
@media screen and (max-width: 480px){
	.news ul li {flex: 0 0 100%;}
}
.news ul li a {
  display: block;
  outline: 0 none;
  overflow: hidden;
  position: relative;
}
.news ul li .image {
  background: #221f20;
  display: block;
  height: 0;
  padding: 66.25% 0 0;
  position: relative;
  z-index: 0;
}
.news ul li img {
  bottom: -2000px;
  margin: auto;
  position: absolute;
  top: -2000px;
  width: 100%;
}
.news ul.no-dates li .date {
  display: none;
}
#news-section .news ul li a .title {
  color: #000;
  display: block;
  text-align: center;
  padding: 20px 15px;
  font: 600 1.125em / 1.4em "GI", Overpass, sans-serif;
}
.news ul.actions, .news ul.actions li {
  justify-content: center;
}
.news ul.actions li {
  display: flex;
}
.news .actions a, .news .actions a:hover {
  text-decoration: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}