.page-module.selected-talks>.wrap
{
  width: 100%;
  max-width: 360px;
}

.page-module.selected-talks>.wrap>h2
{
  margin-left: calc((100% - 320px) / 2);
  margin-bottom: 1rem;
}

.page-module.selected-talks #selectedTalkCarousel .selected-talk-project>img
{
  display: block;
  width: 100%;
  height: 260px;
}

.page-module.selected-talks #selectedTalkCarousel .carousel-control-prev-icon,
.page-module.selected-talks #selectedTalkCarousel .carousel-control-next-icon
{
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-size: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: calc(130px - 1rem);
}

.viewSelectedTalkMaskLayer
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}

.viewSelectedTalkMaskLayer.hide
{
  display: none;
}

.viewSelectedTalkMaskLayer .mask-layer-inner
{
  width: 90%;
  padding: 0.5rem;
  background-color: white;
}

.viewSelectedTalkMaskLayer #viewSelectedTalkCarousel .carousel-item
{
  width: 100%;
  height: 260px;
  overflow: auto;
}

.viewSelectedTalkMaskLayer #viewSelectedTalkCarousel .carousel-item img,
.viewSelectedTalkMaskLayer #viewSelectedTalkCarousel .carousel-item video
{
  height: 100%;
  display: block;
  margin: 0 auto;
}

.viewSelectedTalkMaskLayer #viewSelectedTalkCarousel .carousel-control-prev-icon,
.viewSelectedTalkMaskLayer #viewSelectedTalkCarousel .carousel-control-next-icon
{
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-size: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: calc(50% - 0.75rem);
}