/*@media screen and (min-width: 420px) {
  #introduction .views-element-container[class*="-welcome"] .views-row, #introduction .views-element-container[class*="-trailer"] .views-row {
  grid-template-rows: minmax(0, 50px) minmax(0, 70px) minmax(0, 130px);
  }
}*/

@media screen and (min-width: 486px) {
  #introduction .bannerwrap {
    height: 345px;
  }
}

#introduction .views-element-container[class*="-welcome"] .views-row {
max-height: initial;
}

 .views-element-container[class*="-welcome"], .views-element-container[class*="-trailer"] {
max-height: initial;
  height: auto;
}

.views-element-container[class*="-welcome"].videoplaying, .views-element-container[class*="-trailer"].videoplaying {
padding: 0;
}

#introduction .views-element-container.videoplaying {
height: initial;
}

#introduction .views-field-field-speakers-fc {
grid-area: speaker;
}

#introduction .views-field-title {
grid-area: title;
}

#introduction  .views-field-field-vimeo-iframe {
grid-area: picture;
padding: 10px;
}


.glamhack22 .view-content .views-row .views-field-field-image {
  max-height: 300px;
}

.view .views-row {
//grid-template-rows: min-content min-content minmax(0, 250px) min-content;
grid-template-rows: min-content min-content min-content min-content;
}

@media screen and (min-width: 486px) {
.view .views-row {
//grid-template-rows: min-content min-content minmax(0, 300px) min-content;
grid-template-rows: 40px minmax(0, auto);
  height: 150px;
}
}


.view .views-row.podium.videoplaying {
  grid-template-areas:
"title  " 
"speaker" 
"video  ";
  grid-template-rows: auto auto auto;
  grid-row-gap: 10px;
}

.view .views-row.podium.videoplaying .views-field-title {
  height: initial;
}

@media screen and (min-width: 420px) {
  .views-field-title h2 {
    max-width: 310px;
  }
}

@media screen and (min-width: 500px) {
  .views-field-title h2 {
    //max-width: 390px;
    max-width: initial;
  }
}