.top-column-list{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}

[data-element-id].top-column-list>div{
  display:contents;
}

.top-column-item{
 width:32%; 
}

.top-column-item>a{
  display:block;
  height:100%;
  padding:1em;
  border:1px solid #000;
}

.top-column-img{
  width:100%;
  position:relative;
}

.top-column-img.ofi-60::before{
  content:"";
  width:100%;
  padding-top:60%;
  display:block;
  position:relative;
}

.top-column-img.ofi-60 img{
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 object-fit:cover;
}

.top-column-date{
  color:#D33149;
  font-weight:bold;
  margin:5px 0;
}

.top-column-title{
  width:100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size:16px;
}

@media(max-width:1024px){
  .top-column-item{
 width:33%; 
}
}

@media(max-width:599px){
  .top-column-item{
 width:100%; 
}

.top-column-item+.top-column-item{
  margin-top:15px;
}

.top-column-item>a{
  padding:.6em;
}

}