/* CSS Document */
.panel .screen {
  transform: translateX(-100%);
}
body.detail .panel .screen {
  transform: translateX(0);
}
#intro {
  padding: 150px 50px;
  height: calc(100% - 300px);
  max-height: calc(100% - 300px);
}
body.intro #intro {
  transform: translateX(0);
  transition: transform 1s, width 1s;
}
body.intro #arrows {
  transform: translateX(0);
}
#intro.screen div, #intro.screen p {
  font-size: 17px !important;
  text-align: right !important;
  line-height: 1.5;
}
#intro.screen div {
  font-size: 19px !important;
  color: #ffffff;
}
body.intro #arrows-intro {
  left: 0;
}
#tagline {
  font-size: 19px;
  font-weight: 600;
  font-style: italic;
}
.photoInfo {
  font-style: italic;
  font-size: 14px;
  position: absolute;
  right: calc(100% - 420px);
  bottom: 59px;
  z-index: 10000;
  color: #fff;
  text-align: right;
   background:#000000bb;
   padding:3px 10px 5px 10px;
  display: none;
}
.background {
  position: static !important;
}
.introButton {
  display: inline-block;
  color: #fff;
  padding: 7px 20px;
  vertical-align: top;
}
body.intro .introButton {
  display: none;
}