@charset "utf-8";
/* CSS Document */
.jumbotron.landing-hero .sun-header {background-color:transparent; min-height:325px; height:100%;}
.landing-logo {position: absolute;
    top: -100px;
    padding: 0;
    left: 50%;
    margin-left: -100px;
	z-index:300;}

.jumbotron.landing-hero .fluid-image-block img {top:50%;}

@media (min-width: 481px) {
	.landing-logo {margin-left:-140px;}
}

@media (min-width: 992px) {
	.fluid-image-block img {width:auto;}
	.landing-logo {top:-135px; margin-left:-225px;}
}

/* banner animation */
.anim-wrap {position:absolute; top:110px; left:0; width:100%; max-width:100%;}
.big40-anim-main {position:absolute; top:0; z-index:1;}
.big40-anim-main>img {z-index:110; position:relative;}
.big40-balloon {z-index: 110; top: 17%; left: 7%;}
.big40-balloon img {max-width:50%}
.big40-clouds {z-index: 90; top:0;}
.big40-streamers {z-index:95; top:0;}
.big40-presents {z-index: 110; bottom: -25px; top: auto; left: 18%;}
.big40-presents img {max-width:50%}


@media (min-width: 425px) {
.jumbotron.landing-hero .sun-header {min-height:450px;}
}

@media (min-width: 650px) {
.anim-wrap {max-width:650px; width:100%; left:50%; margin-left:-325px;}
.big40-presents img {max-width:75%}
.big40-balloon img {max-width:75%}
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
.anim-wrap {top:185px;}
.jumbotron.landing-hero .sun-header {min-height:525px;}
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}