body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background-color: #454545;
    overflow:hidden;
    text-decoration: none;
}

#lens-logo img {
  position:absolute;
  bottom:5%;
  right:5%;
  z-index:2;
  display:block;
  width:15%;
}

#introContainer {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    background-color: black;
    z-index:1000;
}

#ftn {
    position: absolute;
    margin:auto;
    top:10%;
    bottom:0;
    left:0;
    right:0;
    width:70%;
}

#lens {
    position:absolute;
    yPercent:0;
    visibility: 0;
    width:100%;
    transform:scale:(0,0);
}

.menuicon {
    position:absolute;
    width:5%;
    height:auto;
    font-size:2.5em;
    visibility:visible;
    left:4%;
    top:0;
    padding:1px;
    color:white;
    text-shadow: 2px 2px black;
    z-index:14;
}

.center-in-parent{
    position:absolute;
    left:50%;
    top:50%;
}
#wrapper-logo {
    position:absolute;
    top:40%;
    left:50%;
}

#bd-text{
    position:relative;
    width:auto;
    left:-2000px;
    margin-left:auto;
    margin-right: auto;
    font-size: 7vw;
    visibility:0;
    text-shadow: 4px 4px #d3d3d3;
}
.phototext {
    position:relative;
    left:2000px;
    border-top:0.05em solid black;
    border-bottom:0.05em solid black;
    margin-top:0.3em;
    padding-bottom:0.15em;
    text-shadow: 4px 4px #d3d3d3;
    font-size: 7vw;
}
.phototext-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.2em;
  overflow: hidden;
}
.phototext .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 0.7em;
}