.headerimage {
  height: 600px;
  overflow: hidden;
  position: relative;
}
.headerimage img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 100%;
}

@media (max-width: 1900px) {
  .headerimage {
    height: 500px;
  }
}

@media (max-width: 1400px) {
  .headerimage {
    height: 400px;
  }
}


@media (max-width: 1200px) {
  .headerimage {
    height: 300px;
  }
}

@media (max-width: 800px) {
  .headerimage {
    height: 200px;
  }
}

@media (max-width: 400px) {
  .headerimage {
    height: 150px;
  }
}



.video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}



h1.flex, .pub-title.talk {
  display:flex;
  align-items: baseline;
  flex-wrap:wrap;
  border-bottom:1pt solid #777;
}
h1.flex > small,
.pub-title.talk > .pub-authors {
  white-space: nowrap;
}
h1.flex > span,
.pub-title.talk > h1 {
  flex-grow:1;
}

.pub-title.talk > h1 {
  font-size: 22pt;
}

.pub-title.talk > .pull-right {
  display:none;
}

header {
  display:flex;
  align-items: baseline;
  flex-wrap:wrap;
  border-bottom:1pt solid #777;
}

header h1 {
  font-size: 30pt;
  flex-grow:1;
  margin:0;
  padding:0;
  line-height: 110%;
}
header h3.date {
  white-space: initial;
  flex-basis: 100%;
  flex-grow:1;
}

header h3 {
  font-size: 16pt;
  line-height: 110%;
  margin:0;
  padding:0;
  font-weight: normal;
  white-space: nowrap;
  color:#777;
}