#introduction img {
  width: 100%;
  margin-bottom: 20px;
  max-height: 300px;
  height: unset;
  width: auto;
}

#photos .activetabcontent {
  display: grid;
  grid-template-columns: repeat(6, minmax(auto, 122px));
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

#photos .activetabcontent a {
  display: flex;
}

#photos .activetabcontent a img {
  object-fit: contain;
  background: #f0f0f0;
}
#press a {
    font-weight: 400;
}
.mediawrap {
  display: grid;
  align-items: center;
  height: 60px;
  grid-template-columns: 50px auto;
  overflow: hidden;
  grid-column-gap: 10px;
}

.mediawrap img {
  height: 100%;
  object-fit: contain;
}

#press .mediawrap a {
  font-size: 14px;
  line-height: 16px;
  color: black;
}

#press .mediawrap a:first-child {
  height: 60px;
}

@media screen and (min-width: 768px) {
  .mediawrap {
    margin-bottom: 20px;
  }

  #press .mediawrap a {
    font-size: 18px;
    line-height: 22px;
  }
}

.mediawrap .mediatitle {
  color: black;
  text-decoration: none;
}
/* Trailer */
.trailer {
    margin: 40px 0;
}

.trailer .views-row {
    background-color: #fff;
    height: 150px;
    grid-template-areas:
        "picture title";
    grid-template-rows: initial;
}

.trailer .views-row.videoplaying {
    height: 400px;
    max-height: unset;
    grid-template-areas:
        "title title"
        "video video";
    grid-template-rows: 60px auto;
    background-color: #f0f0f0;
}
.trailer .views-field-field-image .field-content {
  min-height: initial!important;
}
.trailer .views-field-field-speakerstext,
.trailer .views-field-field-body-abstract,
.trailer .views-field-body {
  display: none;
}
/* end trailer */
@media screen and (min-width: 576px)
.views-row, #projectpresentations .views-row {
  grid-template-columns: 30% auto;
  grid-template-rows: 1fr 1fr minmax(auto, 4fr) 1fr auto;
  grid-template-areas:
  "picture title   title  " 
  "picture speaker speaker" 
  "picture body  body   " 
  "picture date  date   ";
  grid-template-areas:
  "picture speaker   speaker  " 
  "picture title   title  " 
  "picture body    body   " 
  "picture date    date   " 
  "picture piccredit piccredit";
  margin-top: unset;
}

media screen and (min-width: 420px)
.views-row {
  margin-bottom: 20px;
  margin-top: 40px;
}