#innerContent {
    background-color: transparent;
	padding: 0;
    width: 100%;
    overflow: visible;
}
#innerContent img {
    position: absolute;
    display: block;
    height: 100%;
}
#innerContent img#img1{
    position: absolute;
    display: block;
    opacity: 1;
    animation-name: blendOut;
    animation-duration: 20s;
	animation-iteration-count: 1;
	animation-delay: 5s;
	animation-fill-mode: forwards;
}
p.leg {
    opacity:0;
    animation-name: blendIn;
    animation-duration: 10s;
	animation-iteration-count: 1;
	animation-delay: 15s;
	animation-fill-mode: forwards;
}
#header {
    visibility: hidden;
}
#menu {
    visibility: hidden;
}
#introLayer {
    position: absolute;
    top: 41vh;
    left: 36vh;
    width: 16vh;
    z-index: 999;
}
#introLayer svg {
    width: 16vh;
}
#introLayer #SZ {
    fill: #ffffff;
 }
 #introLayer #SZ:hover {
     fill: #fff100;
  }
#blackLayer {
    position: absolute;
    box-sizing: border-box;   
    display: block;
    pointer-events: none;
    opacity: 0.95;
    animation-name: blendOut;
    animation-duration: 25s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	animation-fill-mode: forwards;
    top: 0;
    left: 0;
    background-color: black;
    width: 100%;
    height: 100vh;
    z-index: 99;
}
@keyframes blendOut {
    100% {opacity: 0;}
}
@keyframes blendIn {
    100% {opacity: 1;}
}
@media screen and (orientation: portrait){
    #introLayer {
        top: 41vw;
        left: 36vw;
        width: 16vw;
        z-index: 999;
    }
    #introLayer svg {
        width: 16vw;
    }
}
@media screen and (max-width: 450px), (max-height: 275px) and (orientation: portrait){
    #innerContent {
        width: 70vw;
        height: 70vw;
	}
}