.section-details{color:white}.hero,.image-container,.phrase-container{position:relative;padding:0}.hero,.background-image{height:100%;background-position-x:50% !important;background-position-y:50% !important;background-repeat-x:no-repeat !important;background-repeat-y:no-repeat !important;-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important}.background-phrase{position:absolute;height:100%;z-index:1}.hero{background:url("http://cdn-public.clearboxstudios.com/portfolio/photos/DSC_0249.jpg")}.hero,.background-image,.background-phrase,.phrase-container,.info{-webkit-animation-fill-mode:both;animation-fill-mode:both}.phrase-container{animation-name:custom-1;animation-delay:0s;animation-duration:2s}@keyframes custom-1{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.hero{animation-name:custom-3;animation-delay:.75s;animation-duration:2s}@keyframes custom-3{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}.background-image{opacity:0}.background-phrase{animation-name:fade-0-to-100;animation-delay:1s;animation-duration:4s}@keyframes fade-0-to-100{0%{opacity:0}100%{opacity:1}}.info{animation-name:fade-0-to-100;animation-delay:2.5s;animation-duration:2s}@keyframes fade-0-to-100{0%{opacity:0}100%{opacity:1}}.in-view.background-image{animation-name:custom-5;animation-delay:0s;animation-duration:2.5s}@keyframes custom-5{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.background-image[data-image="1"]{background:url("http://cdn-public.clearboxstudios.com/portfolio/photos/DSC_0004.jpg")}.background-image[data-image="2"]{background:url("http://cdn-public.clearboxstudios.com/portfolio/photos/DSC_0318.jpg")}.background-image[data-image="3"]{background:url("http://cdn-public.clearboxstudios.com/portfolio/photos/df_mobile_geotargeting.jpg")}@media only screen and (max-width: 40em){.image-container,.phrase-container,.hero{height:12em}.pad-all-4x,.pad-all-3x{padding:1.5em !important}.statement{padding:4em .5em !important}}@media only screen and (min-width: 40.063em){.image-container,.phrase-container,.hero{height:25em}.statement{padding:6em 4em !important}}