div.hub {
    background: #000;
    overflow: hidden;
    height: 80%;
    height: 80vh;
    min-height: 650px;
    width: 100%;
    margin-top: -30px;
    text-align: center;
    position: relative;
    -webkit-transition: height .3s ease-out
}

div.hub.fullScreen {
    height: 100%;
    height: 100vh;
    transition: height .3s ease-out;
    -webkit-transition: height .3s ease-out
}

div.hub a:focus {
    outline: none !important;
    border: none !important
}

div.hub div.hubInner {
    position: relative;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    max-width: 1600px
}

div.hub div.wheel {
    position: relative;
    height: 100%;
    min-height: 100%;
    width: 100%;
    top: -5%;
    -webkit-backface-visibility: hidden;
    opacity: 0
}

div.hub div.wheel>div {
    background-size: auto 100%;
    height: 0;
    padding-bottom: 90%;
    width: 90%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

div.hub div.wheel div.base {
    opacity: .7
}

div.hub div.wheel div.accent {
    opacity: 0
}

div.hub div.wheel div.layer0 {
    opacity: .3
}

div.hub div.wheel div.layer1 {
    opacity: .2
}

div.hub div.wheel div.layer2 {
    opacity: .2
}

div.hub div.introCopy {
    position: absolute;
    top: 25%;
    top: 25vh;
    left: 0;
    width: 100%;
    z-index: 3
}

div.hub div.introCopy h1 {
    font-size: 90px;
    letter-spacing: 10px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    opacity: 0;
    position: relative;
    text-shadow: 0px 0px 10px #000
}

div.hub div.introCopy p {
    color: #fff;
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 50px;
    opacity: 0;
    position: relative;
    text-shadow: 0px 0px 10px #000
}

div.hub div.introCopy div.largeBtn {
    opacity: 0;
    position: relative
}

div.hub div.introCopy div.largeBtn a {
    background: #980000;
    color: #fff;
    display: inline-block;
    padding: 25px 50px !important;
    font-size: 36px;
    text-transform: uppercase;
    box-shadow: 0 0 10px #000
}

div.hub div.navContainer {
    position: absolute;
    width: 400px;
    height: 100%;
    height: 100vh;
    top: -8%;
    top: -6vh;
    right: 70%;
    z-index: 5
}

div.hub div.navContainer div.mobileNav {
    display: none
}

div.hub div.navContainer div.mobileOnly {
    display: none
}

div.hub div.navContainer>div>div>div {
    position: absolute;
    right: 0;
    /*top: -20px;*/
    top: -80px;
    padding-right: 40px;
    display: block;
    cursor: pointer;
    text-align: right;
}

div.hub div.navContainer>div>div>div a {
    font-size: 20px;
    font-size: 1.2vw;
    white-space: nowrap;
    color: #9a9a9a;
    outline: none !important;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    opacity: 0;

}

div.hub div.navContainer>div>div>div a:hover {
    color: #fff
}

div.hub div.navContainer>div>div>div a:hover:after {
    border-color: #fff
}

div.hub div.navContainer>div>div>div a:before {
    display: none !important
}

div.hub div.navContainer>div>div>div a:after {
    border: solid 3px #9a9a9a;
    width: 24px;
    height: 24px;
    right: -55px;
    top: 50%;
    margin-top: -10px;
    border-radius: 15em;
    content: "";
    position: absolute;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
}

div.hub div.navContainer>div>div>div.currentSection a {
    color: #fafafa;
    font-size: 23px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
}

div.hub div.navContainer>div>div>div.currentSection a:after {
    border-color: #fafafa;
    width: 22px;
    height: 22px;
    margin-top: -11px
}

@media screen and (max-width: 1300px) {
    div.hub div.navContainer>div>div a {
        font-size: 20px !important;
        /*font-size: 1.7vw */
    }
    div.hub div.navContainer>div>div.currentSection a {
        font-size: 2vw
    }
    div.hub div.navContainer>div>div.currentSection a:after {
        border-color: #fafafa;
        top: 3px;
        top: .29vw;
        width: 18px;
        width: 1.8vw;
        height: 18px;
        height: 1.8vw
    }
}

div.hub div.copyContainer {
    position: absolute;
    /*bottom: 5%;
    bottom: 5vh;*/
    bottom: 3%;
    bottom: 3vh;
    width: 100%;
    padding-left: 40%;
    z-index: 4;
    text-align: left
}

div.hub div.copyContainer>div {
    position: absolute;
    bottom: 0;
    display: none
}

div.hub div.copyContainer h2 {
    /*font-size: 65px;*/
    font-size: 40px;
    opacity: 0;
    position: relative;
    top: 0;
    text-shadow: 0px 0px 10px #000
}

div.hub div.copyContainer h2 a {
    color: #fff;
    /*background: right 28px no-repeat url(images/white-arrow.png);*/
    background: right 18px no-repeat url(images/white-arrow.png);
    /*background-size: 20px auto; */
    background-size: 15px auto;
    padding-right: 30px; 
}

div.hub div.copyContainer h2 a:before {
    display: none !important
}

@media screen and (max-width: 1300px) {
    div.hub div.copyContainer h2 a {
        background-position: right 5px
    }
}

@media screen and (max-width: 1000px) {
    div.hub div.copyContainer h2 a {
        background-position: right 12px
    }
}

@media screen and (max-width: 600px) {
    div.hub div.copyContainer h2 a {
        background-position: right 6px
    }
}

div.hub div.copyContainer p {
    padding-right: 10%;
    color: #fff;
    font-size: 24px;
    opacity: 0;
    position: relative;
    top: 0;
    text-shadow: 0px 0px 10px #000;
    margin-bottom: 10px
}

div.hub div.copyContainer p.subNav {
    margin-bottom: 50px
}

div.hub div.copyContainer p.subNav a {
    color: #fc0;
    background: right 8px no-repeat url(images/gold-arrow@2x.png);
    background-size: 8px auto;
    background-size: .6vw auto;
    padding-right: 20px;
    padding-right: 1.1vw;
    margin-right: 40px;
    margin-right: 3vw
}

div.hub div.copyContainer p.subNav a:hover {
    background: right 4px no-repeat url(images/gold-arrow@2x.png) !important;
    background-size: 8px auto !important;
    background-size: .6vw auto !important;
    padding-right: 20px !important;
    padding-right: 1.1vw !important
}

div.hub div.copyContainer p.subNav a:before {
    display: none !important
}

div.hub div.imageContainers.imageLoad {
    position: absolute;
    bottom: 0;
    right: 3%;
    width: 62%;
    height: 74%;
    min-height: 74%
}

div.hub div.imageContainers.imageLoad div.relative {
    position: absolute;
    bottom: 0;
    width: 100%
}

div.hub div.imageContainers.imageLoad div.relative:before {
    content: "";
    display: block;
    padding-top: 79.48139797068771%
}

div.hub div.imageContainers.imageLoad div.relative>div div.top {
    position: absolute;
    top: 0;
    left: 29.76324689966178%;
    width: 59.07553551296505%;
    z-index: 2
}

div.hub div.imageContainers.imageLoad div.relative>div div.top div {
    position: relative;
    width: 100%;
    opacity: 0
}

div.hub div.imageContainers.imageLoad div.relative>div div.top div:before {
    content: "";
    display: block;
    padding-top: 73.09160305343511%
}

div.hub div.imageContainers.imageLoad div.relative>div div.left {
    position: absolute;
    top: 28.93617021276596%;
    left: 0;
    width: 40.02254791431793%;
    z-index: 4
}

div.hub div.imageContainers.imageLoad div.relative>div div.left div {
    position: relative;
    width: 100%;
    opacity: 0
}

div.hub div.imageContainers.imageLoad div.relative>div div.left div:before {
    content: "";
    display: block;
    padding-top: 73.52112676056338%
}

div.hub div.imageContainers.imageLoad div.relative>div div.right {
    position: absolute;
    right: 0;
    top: 42.69503546099291%;
    width: 32.01803833145434%;
    z-index: 3
}

div.hub div.imageContainers.imageLoad div.relative>div div.right div {
    position: relative;
    width: 100%;
    opacity: 0
}

div.hub div.imageContainers.imageLoad div.relative>div div.right div:before {
    content: "";
    display: block;
    padding-top: 71.12676056338028%
}

div.hub div.imageContainers.imageLoad div.relative>div div.bottom {
    position: absolute;
    top: 62.83687943262411%;
    left: 32.18714768883878%;
    width: 41.60090191657272%;
    z-index: 1
}

div.hub div.imageContainers.imageLoad div.relative>div div.bottom div {
    position: relative;
    width: 100%;
    opacity: 0
}

div.hub div.imageContainers.imageLoad div.relative>div div.bottom div:before {
    content: "";
    display: block;
    padding-top: 71.00271002710027%
}

@media (max-width: 1000px) {
    div.hub div.imageContainers.imageLoad {
        width: 95%
    }
}

div.hub div.copyFade {
    background: -moz-linear-gradient(top, transparent 0%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
    background: -o-linear-gradient(top, transparent 0%, #000 100%);
    background: -ms-linear-gradient(top, transparent 0%, #000 100%);
    background: linear-gradient(to bottom, transparent 0%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    width: 100%;
    height: 50%;
    height: 50vh;
    position: absolute;
    z-index: 0;
    bottom: 0;
    opacity: 0
}

body.loaded div.hub div.wheel {
    opacity: 1
}

article.banner div.buttonBar {
    position: relative
}

article.banner div.buttonBar div.buttons {
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%
}

article.banner div.buttonBar div.buttons a {
    background: #980000;
    display: inline-block;
    padding: 20px 0 !important;
    color: #fff;
    font-size: 20px;
    font-size: 1.2vw;
    width: 30%
}

@media screen and (max-width: 1400px) {
    article.banner div.buttonBar div.buttons a {
        /*font-size: 16px;
        font-size: 1.6vw*/
        font-size: 20px;
        font-size: 1.7vw;
    }
}

@media (max-width: 1500px) {
    div.hub div.introCopy {
        padding: 0 40px
    }
    div.hub div.introCopy br {
        display: none
    }
    div.hub div.introCopy h1 {
        font-size: 80px;
        font-size: 5.8vw;
        margin: 0 -40px;
        letter-spacing: 5px
    }
    div.hub div.introCopy p {
        font-size: 26px
    }
    div.hub div.introCopy div.largeBtn a {
        font-size: 28px
    }
    div.hub div.navContainer>div>div>div a:after {
        border: solid 2px #9a9a9a;
        width: 16px;
        height: 16px;
        right: -30px;
        top: 50%;
        margin-top: -8px
    }
}

@media (max-width: 1300px) {
    div.hub div.imageContainers.imageLoad {
        height: 52%;
        min-height: 52%
    }
    div.hub div.copyContainer h2 {
        font-size: 65px;
        font-size: 3.1vw
    }
    div.hub div.copyContainer p {
        font-size: 20px;
        font-size: 1.8vw
    }
    div.hub div.copyContainer p.subNav a {
        background-position: right 7px
    }
    div.hub div.copyContainer p.subNav a:hover {
        background-position: right 7px !important
    }
}

@media (max-width: 1200px) {
    div.hub div.introCopy div.largeBtn a {
        font-size: 24px
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.top {
        right: 26%
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.bottom {
        bottom: -4%
    }
    div.hub div.navContainer>div>div>div a {
        /*font-size: 16px*/
        font-size: 20px
    }
    div.hub div.navContainer>div>div>div a:after {
        border: solid 2px #9a9a9a;
        width: 12px;
        height: 12px;
        right: -30px;
        top: 50%;
        margin-top: -5px
    }
    div.hub div.navContainer>div>div>div a.currentSection a {
        font-size: 18px
    }
}

@media (max-width: 1000px) {
    div.hub {
        min-height: 350px
    }
    div.hub div.introCopy {
        padding: 0 30px;
        top: 15%;
        top: 15vh
    }
    div.hub div.introCopy p {
        font-size: 20px
    }
    div.hub div.introCopy div.largeBtn a {
        font-size: 22px;
        padding: 20px 30px !important
    }
    div.hub div.copyContainer {
        padding-left: 30px;
        padding-right: 30px
    }
    div.hub div.copyContainer h2 {
        font-size: 40px
    }
    div.hub div.copyContainer h2 a {
        padding-right: 28px;
        background-size: 15px auto
    }
    div.hub div.copyContainer p {
        font-size: 18px
    }
    div.hub div.mobileNav {
        display: none;
        margin-bottom: 0;
        text-align: left;
        position: absolute;
        padding: 0;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10
    }
    div.hub div.mobileNav a {
        padding: 10px 30px 10px 55px !important;
        background: #333333;
        color: #fff;
        padding: 0 20px;
        opacity: 1;
        display: inline-block !important;
        vertical-align: middle;
        font-size: 24px;
        width: 100%;
        position: relative
    }
    div.hub div.mobileNav a:after {
        display: none
    }
    div.hub div.mobileNav a:before {
        content: "+" !important;
        font-size: 30px !important;
        background: none !important;
        height: auto !important;
        color: #fff !important;
        opacity: 1 !important;
        position: absolute !important;
        bottom: auto !important;
        left: 30px !important;
        top: 5px !important
    }
    div.hub div.mobileNav a:hover {
        padding-right: 20px !important
    }
    div.hub div.mobileNav.expanded a:before {
        content: "\2013" !important;
        font-size: 30px !important;
        background: none !important;
        height: auto !important;
        color: #fff !important;
        opacity: 1 !important;
        position: absolute !important;
        bottom: auto !important;
        left: 32px !important;
        top: 3px !important
    }
    div.hub div.navContainer {
        background: rgba(0, 0, 0, 0.8);
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        text-align: left;
        height: 0;
        overflow: hidden;
        transition: opacity 1s ease-out;
        -webkit-transition: opacity 1s ease-out
    }
    div.hub div.navContainer>div.subNav>div.desktopOnly {
        display: none
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly {
        display: block
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div {
        position: static;
        padding: 0;
        text-align: center;
        transform: none !important
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div a {
        color: #fff;
        padding: 0 20px;
        opacity: 1;
        display: inline-block !important;
        vertical-align: middle;
        font-size: 18px;
        width: 100%;
        line-height: 60px !important;        
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div a:after {
        display: none
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div a:before {
        display: none !important
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div a:hover {
        padding-right: 20px !important
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div a span {
        line-height: 1.1;
        display: inline-block
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div.currentSection a {
        font-size: 24px
    }
    div.hub div.navContainer.showNav {
        height: 100%
    }
}

@media (min-width: 1001px) {
    div.hub div.navContainer {
        display: block !important
    }

}

@media (max-width: 950px) {
    article.banner div.buttonBar div.buttons a {
        width: 32%;
        font-size: 16px
    }
    div.hub div.copyContainer p.subNav a {
        padding-right: 20px !important;
        background-size: 8px auto !important;
        background-position: right 5px !important
    }
    div.hub div.copyContainer p.subNav a:hover {
        padding-right: 20px !important;
        background-size: 8px auto !important;
        background-position: right 5px !important
    }
}

@media (max-width: 750px) {
    article.banner div.buttonBar {
        padding: 20px
    }
    article.banner div.buttonBar div.buttons {
        position: static;
        background: transparent
    }
    article.banner div.buttonBar div.buttons a {
        display: block;
        width: 100%;
        font-size: 18px;
        margin: 0 auto 5px
    }
    article.banner div.buttonBar div.buttons a:before {
        display: none !important
    }
    div.hub div.mobileNav a {
        font-size: 18px !important
    }
    div.hub div.mobileNav a:before {
        font-size: 24px !important;
        top: 5px !important
    }
    div.hub div.mobileNav.expanded a:before {
        font-size: 24px !important;
        top: 4px !important
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div a {
        font-size: 18px
    }
    div.hub div.navContainer>div.subNav>div.mobileOnly>div.currentSection a {
        font-size: 20px !important
    }
    div.hub div.copyContainer {
        padding-left: 20px;
        padding-right: 20px
    }
    div.hub div.introCopy p {
        margin-bottom: 20px
    }
    div.hub div.introCopy div.largeBtn a {
        font-size: 18px;
        width: auto !important
    }
}

@media (max-width: 600px) {
    div.hub div.introCopy {
        padding: 0 30px;
        top: 15%;
        top: 15vh
    }
    div.hub div.introCopy h1 {
        letter-spacing: 0;
        margin-bottom: 10px
    }
    div.hub div.introCopy p {
        font-size: 16px
    }
    div.hub div.introCopy div.largeBtn a {
        width: 100%
    }
    div.hub div.copyContainer {
        padding-left: 30px;
        padding-right: 30px
    }
    div.hub div.copyContainer h2 {
        font-size: 32px
    }
    div.hub div.copyContainer p {
        font-size: 16px;
        margin-bottom: 0
    }
}

@media (max-width: 799px) {
    div.hub div.wheel div.base {
        background: center center no-repeat url(images/hub/full-opacity-bg/3-sm.jpg);
        background-size: 100% auto
    }
    div.hub div.wheel div.accent {
        background: center center no-repeat url(images/hub/full-opacity-bg/accent-sm.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer0 {
        background: center center no-repeat url(images/hub/full-opacity-bg/0-sm.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer1 {
        background: center center no-repeat url(images/hub/full-opacity-bg/1-sm.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer2 {
        background: center center no-repeat url(images/hub/full-opacity-bg/2-sm.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-bottom_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.top {
        bottom: 49%
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.bottom {
        bottom: 4%
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.left {
        bottom: 30%;
        width: 46%;
        right: 54%
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.right {
        bottom: 26%;
        width: 44%;
        right: 6%
    }
 
    div.hub div.imageContainers.imageLoad div.relative>div div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-right_2022.png);
        background-size: 100% auto
    }

    /* 05/02/2023 JRB New Program Cinematic Arts Online START */
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/summer-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/summer-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/summer-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/summer-right.png);
        background-size: 100% auto
    } 
    /* 05/02/2023 JRB New Program Cinematic Arts Online START */

    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/summer-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/summer-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/summer-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/summer-right.png);
        background-size: 100% auto
    }
    /* 04/21/2022 JRB New Program Expanded Animation START */
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/expanded_animation-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/expanded_animation-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/expanded_animation-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/expanded_animation-right.png);
        background-size: 100% auto
    }
    /* 04/21/2022 JRB New Program Expanded Animation  END  */    
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/mitchell-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/mitchell-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/mitchell-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/mitchell-right.png);
        background-size: 100% auto
    }    
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/writing-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/writing-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/writing-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/writing-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/producing-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/producing-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/producing-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/producing-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/media-arts-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/media-arts-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/media-arts-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/media-arts-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/interactive-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/interactive-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/interactive-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/interactive-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/film-tv-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/film-tv-bottom_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/film-tv-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/film-tv-right_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/cinema-media-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/cinema-media-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/cinema-media-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/cinema-media-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.top div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-bottom_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-right_2022.png);
        background-size: 100% auto
    }    
}

@media (min-width: 800px) and (max-width: 1199px) {
    div.hub div.wheel div.base {
        background: center center no-repeat url(images/hub/full-opacity-bg/3-md.jpg);
        background-size: 100% auto
    }
    div.hub div.wheel div.accent {
        background: center center no-repeat url(images/hub/full-opacity-bg/accent-md.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer0 {
        background: center center no-repeat url(images/hub/full-opacity-bg/0-md.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer1 {
        background: center center no-repeat url(images/hub/full-opacity-bg/1-md.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer2 {
        background: center center no-repeat url(images/hub/full-opacity-bg/2-md.png);
        background-size: 100% auto
    }
}

@media (min-width: 450px) and (max-width: 1199px) {
 
    div.hub div.imageContainers.imageLoad div.relative>div div.top div {
        background: center center no-repeat url(images/hub/section-images/med/animation-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.left div {
        background: center center no-repeat url(images/hub/section-images/med/animation-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.right div {
        background: center center no-repeat url(images/hub/section-images/med/animation-right_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/animation-bottom_2022.png);
        background-size: 100% auto
    }

    /* 05/02/2023 JRB New Program Cinematic Arts Online START */
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/summer-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/summer-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/summer-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/summer-bottom.png);
        background-size: 100% auto
    }	
    /* 05/02/2023 JRB New Program Cinematic Arts Online START */
 
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/summer-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/summer-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/summer-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/summer-bottom.png);
        background-size: 100% auto
    }
    /* 04/21/2022 JRB New Program Expanded Animation START */
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/expanded_animation-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/expanded_animation-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/expanded_animation-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/expanded_animation-bottom.png);
        background-size: 100% auto
    }
    /* 04/21/2022 JRB New Program Expanded Animation  END */        
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/mitchell-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/mitchell-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/mitchell-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/mitchell-bottom.png);
        background-size: 100% auto
    }    
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/writing-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/writing-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/writing-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/writing-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/producing-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/producing-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/producing-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/producing-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/media-arts-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/media-arts-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/media-arts-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/media-arts-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/interactive-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/interactive-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/interactive-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/interactive-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/film-tv-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/film-tv-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/film-tv-right_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/film-tv-bottom_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/cinema-media-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/cinema-media-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/cinema-media-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/cinema-media-bottom.png);
        background-size: 100% auto
    }

    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.top div {
        background: center center no-repeat url(images/hub/section-images/med/animation-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.left div {
        background: center center no-repeat url(images/hub/section-images/med/animation-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.right div {
        background: center center no-repeat url(images/hub/section-images/med/animation-right_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/med/animation-bottom_2022.png);
        background-size: 100% auto
    }    
}

@media (min-width: 1200px) {
    div.hub div.wheel div.base {
        background: center center no-repeat url(images/hub/full-opacity-bg/3-lg.jpg);
        background-size: 100% auto
    }
    div.hub div.wheel div.accent {
        background: center center no-repeat url(images/hub/full-opacity-bg/accent-lg.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer0 {
        background: center center no-repeat url(images/hub/full-opacity-bg/0-lg.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer1 {
        background: center center no-repeat url(images/hub/full-opacity-bg/1-lg.png);
        background-size: 100% auto
    }
    div.hub div.wheel div.layer2 {
        background: center center no-repeat url(images/hub/full-opacity-bg/2-lg.png);
        background-size: 100% auto
    }
 
    div.hub div.imageContainers.imageLoad div.relative>div div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/animation-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/animation-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/animation-right_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/animation-bottom_2022.png);
        background-size: 100% auto
    }

    /* 05/02/2023 JRB New Program Cinematic Arts Online START */
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/summer-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/summer-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/summer-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item0 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/summer-bottom.png);
        background-size: 100% auto
    }	
    /* 05/02/2023 JRB New Program Cinematic Arts Online START */
 
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/summer-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/summer-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/summer-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item1 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/summer-bottom.png);
        background-size: 100% auto
    }
    /* 04/21/2022 JRB New Program Expanded Animation START */
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/expanded_animation-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/expanded_animation-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/expanded_animation-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item2 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/expanded_animation-bottom.png);
        background-size: 100% auto
    }
    /* 04/21/2022 JRB New Program Expanded Animation  END */            
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/mitchell-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/mitchell-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/mitchell-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item3 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/mitchell-bottom.png);
        background-size: 100% auto
    }    
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/writing-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/writing-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/writing-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item4 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/writing-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/producing-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/producing-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/producing-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item5 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/producing-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/media-arts-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/media-arts-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/media-arts-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item6 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/media-arts-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/interactive-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/interactive-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/interactive-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item7 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/interactive-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/film-tv-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/film-tv-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/film-tv-right_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item8 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/film-tv-bottom_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/cinema-media-top.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/cinema-media-left.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/cinema-media-right.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item9 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/cinema-media-bottom.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.top div {
        background: center center no-repeat url(images/hub/section-images/lg/animation-top_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.left div {
        background: center center no-repeat url(images/hub/section-images/lg/animation-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.right div {
        background: center center no-repeat url(images/hub/section-images/lg/animation-right_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative>div.item10 div.bottom div {
        background: center center no-repeat url(images/hub/section-images/lg/animation-bottom_2022.png);
        background-size: 100% auto
    }    
}

@media (max-width: 767px) {
    div.hub div.imageContainers.imageLoad div.relative div div.top {
        bottom: 32%;
        right: 30%
    }
    div.hub div.imageContainers.imageLoad div.relative div div.left {
        bottom: 0;
        width: 43%;
        right: 58%
    }
    div.hub div.imageContainers.imageLoad div.relative div div.left div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-left_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative div div.right {
        bottom: -4%;
        width: 43%;
        right: 6%
    }
    div.hub div.imageContainers.imageLoad div.relative div div.right div {
        background: center center no-repeat url(images/hub/section-images/sm/animation-right_2022.png);
        background-size: 100% auto
    }
    div.hub div.imageContainers.imageLoad div.relative div div.bottom {
        display: none
    }
}

body.ios7 div.hub div.copyContainer {
    bottom: 6%
}

body.ios7 div.hub div.introCopy {
    bottom: 0;
    top: 25%
}

body.ios7 div.hub div.introCopy h1 {
    font-size: 36px
}