@keyframes hand-animation {
    0%   { transform: translateY(400px); animation-timing-function:ease-in;  }
    73%  { transform: translateY(0px); animation-timing-function:ease-out; }
    82%  { transform: translateY(6px); animation-timing-function:ease-in;  }
    91%  { transform: translateY(0px); animation-timing-function:ease-out; }
    96%  { transform: translateY(3px); animation-timing-function:ease-in;  }
    100% { transform: translateY(0px); }
}

#i-want-that-scene {
  background-color: #462445;
}

#i-want-that-scene .text-box {
    margin-left: 40%;
    margin-right: 24px;
}

#i-want-that-scene .parallax-frame.transition-to .text-box {
    transform: translate(0, 100px);
    opacity: 0;
}

#i-want-that-scene .parallax-frame.transition-from .text-box {
    transform: translate(0, 100px);
    opacity: 0;
}

#i-want-that-scene .text-box h2 {
    color: #f6a425;
}

#i-want-that-scene .text-box p {
    color: #ffffff;
}

#i-want-that-scene .image-box {
    margin-left: 18px;
    margin-right: 30%;
	text-align: center;
}

#i-want-that-scene .parallax-frame.transition-to .image-box {
    transform: translate(0, 100px);
    opacity: 0;
}

#i-want-that-scene .parallax-frame.transition-from .image-box {
    transform: translate(0, 100px);
    opacity: 0;
}

#i-want-that-scene .image-box svg {
    width: 100%;
}

/* iPad (Landscape) */
@media (max-width: 1024px) and (orientation: landscape) {
}

/* iPad (Portrait) */
@media (max-width: 768px) and (orientation: portrait) {
    #i-want-that-scene .text-box {
        margin: 20% 10% 0px 10%;
        text-align: center;
    }

    #i-want-that-scene .image-box {
        margin: 0px 20% 96px 20%;
        text-align: center;
        left: 0px;
    }

    #i-want-that-scene .image-box svg {
        width: 60%;
    }
}

/* iPhone (Landscape) */
@media (max-width: 736px) and (orientation: landscape) {
    #i-want-that-scene .text-box {
        margin: 10% 10% 10% 20%;
        text-align: center;
    }

    #i-want-that-scene .image-box {
        margin: 10% 20% 10% 10%;
        padding: 5%;
        text-align: center;
    }
}

/* iPhone (Portrait) */
@media (max-width: 414px) and (orientation: portrait) {
    #i-want-that-scene .image-box {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}

@media (max-width: 320px) and (orientation: portrait) {
    #i-want-that-scene .image-box {
        margin: 0% 10%;
    }
}

/* IE 10 and 11 Only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#i-want-that-scene .image-box svg {
		width: 400px;
		height: 400px;
	}
}