.frontpage .latest-publications,
.publications .highlighted-publications {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.frontpage
.latest-publications
.publications-scroll
.views-element-container
> div,
.publications
.highlighted-publications
.publications-scroll
.views-element-container
> div {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  max-width: 100rem; 
  margin: 0 auto;
}

.cover-image {
  height: 200px;
  width: 100%;
  object-fit: fill;
}

.frontpage .latest-publications .publications-scroll .views-element-container > div .publication-card,
.publications .highlighted-publications .publications-scroll .views-element-container > div .publication-card,
.projects .projects-scroll .views-element-container > div .project-card,
.newsroom .latest-newsletters .news-scroll .views-element-container > div .news-card,
.newsroom .latest-multimedia .news-scroll .views-element-container > div .news-card  {
  width: 29.3rem;
  position: relative;
}

.projects .projects-scroll .views-element-container > div {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100rem;
    margin: 0 auto;
}

.projects .projects-scroll .views-element-container > div .project-card {
    flex: 0 0 auto;
    margin: 0 2rem;
    width: 29.3rem;
    height: 25rem;
  }

.publications
.highlighted-publications
.publications-scroll
.views-element-container
> div
.publication-card {
  width: 29.3rem;
}

.newsroom .latest-news .news-scroll .views-element-container > div .news-card,
.newsroom .latest-newsletters .news-scroll .views-element-container > div .news-card,
.newsroom .latest-multimedia .news-scroll .views-element-container > div .news-card {
  flex: 0 0 auto;
  margin: 0 2rem;
  width: 29.3rem;
}

.newsroom .latest-multimedia .news-scroll .views-element-container > div .news-card {
    margin: 20px!important;
}

.newsroom .latest-news .news-scroll .views-element-container > div,
.newsroom .latest-newsletters .news-scroll .views-element-container > div{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  max-width: 100rem;
  margin: 0 auto;
}
.newsroom .latest-multimedia .news-scroll .views-element-container .views-infinite-scroll-content-wrapper {
    max-width: 100rem;
    margin: 0 auto;
}

.newsroom section.latest-news,
.newsroom .latest-newsletters{
/*.newsroom .latest-multimedia {*/
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0;
}

@media screen and (max-width: 992px) {
  
    .frontpage .latest-publications .publications-scroll .views-element-container > div.scroll-left,
    .frontpage .latest-publications .publications-scroll .views-element-container > div.scroll-right,
    .publications .highlighted-publications .publications-scroll .views-element-container > div.scroll-left,
    .publications .highlighted-publications .publications-scroll .views-element-container > div.scroll-right,
    .projects .projects-scroll .views-element-container > div.scroll-left,
    .projects .projects-scroll .views-element-container > div.scroll-right {
      display: none;
    }
  
    .frontpage .latest-publications .publications-scroll .views-element-container > div,
    .publications .latest-publications .publications-scroll .views-element-container > div,
    .publications .highlighted-publications .publications-scroll .views-element-container > div,
    .newsroom .latest-news .news-scroll .views-element-container > div,
    .newsroom .latest-newsletters .news-scroll .views-element-container > div,
    .newsroom .latest-multimedia .news-scroll .views-element-container > div,
    .projects .projects-scroll .views-element-container > div {
      display: grid;
      grid-gap: 4rem;
    }

    
    .frontpage .latest-publications .publications-scroll .views-element-container > div .publication-card, 
    .publications .highlighted-publications .publications-scroll .views-element-container > div .publication-card,
    .newsroom .latest-news .news-scroll .views-element-container > div .news-card,
    .newsroom .latest-newsletters .news-scroll .views-element-container > div .news-card,
    .newsroom .latest-multimedia .news-scroll .views-element-container > div .news-card,
    .projects .projects-scroll .views-element-container > div .project-card {
      margin: auto;
      width: 90%; 
      overflow: hidden;
    }

    .cover-image {
      height: 200px;
      width: 100%;
      object-fit: fill;
    }
}