@charset "utf-8";
.heroBanner {
    background-color: #D4D4D4;
    text-align: center;
    background-image: url("../../global/frontpage/heroBanner/preloader.gif");
    background-repeat: no-repeat;
    background-position: center 42%;
    -webkit-box-shadow: 0px 2px 3px hsla(0,0%,0%,0.20);
    box-shadow: 0px 2px 3px hsla(0,0%,0%,0.20);
    z-index: 1;
    position: relative;
    background-size: 700px auto;
}
body {
	margin: 0px;
}
#animation_container, #_preload_div_ {
	margin:auto;
	left:0;right:0;
}
.animation_container {
    background-color: #E5E5E5;	
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.artworkSpacerTall {
    width: 100%;
    height: 300px;
}
.artworkSpacerShort {
    width: 100%;
    height: 150px;
}
@media (max-width:1700px){	
.artworkSpacerTall {
    height: 280px;
}
}
@media (max-width:1550px){	
.artworkSpacerShort {
    height: 120px;
}
}
@media (max-width:1225px){	
.artworkSpacerTall {
    height: 260px;
}
.artworkSpacerShort {
    height: 80px;
}
}
@media (max-width:1180px){	
.artworkSpacerShort {
    height: 50px;
}
}
@media (max-width:950px){	

.artworkSpacerTall {
    height: 220px;
}
.artworkSpacerShort {
    height: 40px;
}
}
@media (max-width:900px){	
.artworkSpacerShort {
    height: 0px;
}
}
@media (max-width:800px){	
.artworkSpacerShort {
    height: 0px;
}
.heroBanner {
    background-size: 90% auto;
}
}
@media (max-width:700px){	
.artworkSpacerTall {
    height: 180px;
}
}
@media (max-width:600px){	
.artworkSpacerTall {
    height: 150px;
}
}