/*NOTE - page specific CSS - use for overrides*/
.banner {
    position: relative;
    width: 100%;
    max-width: 1308px;
    height: 396px;
    margin: 0 auto;
    background-image: url('images/300.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .banner {
        background-image: url('images/300@2x.jpg');
    }
}
@media (min-width: 444px) {
    .banner {
        background-image: url('images/444.jpg');
        height: 344px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 444px) {
    .banner {
        background-image: url('images/444@2x.jpg');
    }
}
@media (min-width: 636px) {
    .banner {
        background-image: url('images/636.jpg');
        height: 410px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 636px) {
    .banner {
        background-image: url('images/636@2x.jpg');
    }
}
@media (min-width: 732px) {
    .banner {
        background-image: url('images/732.jpg');
        height: 480px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 732px) {
    .banner {
        background-image: url('images/732@2x.jpg');
    }
}
@media (min-width: 972px) {
    .banner {
        background-image: url('images/972.jpg');
        height: 570px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 972px) {
    .banner {
        background-image: url('images/972@2x.jpg');
    }
}

.roxor-legal {
    display: block !important;
}

@media (min-width: 300px) {
    .banner-content-wedge {
        background-repeat: no-repeat;
        background-position: -120px -15px;
        background-size: auto 385px;
        padding-left: 5%;
    }
}

@media (min-width: 636px) {
    .banner-content-wedge {
        background-position: -165px -10px;
        background-size: 580px;
        padding-left: 5%;
    }
}


@media (min-width: 732px) {
    .banner-content-wedge {
        background-position: -30px -0x;
        background-size: 670px;
        padding-left: 100px;
        /* height: 550px; */
    }
}

@media (min-width: 972px) {
    .banner-content-wedge {
        background-position: 0px 90px;
        background-size: 630px;
        padding-left: 150px;
    }
}


@media (min-width: 972px) {
    .banner-copy {
        padding-top: 200px;
    }
}

.bubble-lw {
    width: 120px;
    margin-top: -125px;
    z-index: 999;
}

@media (min-width: 768px) {

.bubble-lw {
    width: 140px;
    margin-top: -152px;
    z-index: 999;
}
}

@media (min-width: 1024px) {

.bubble-lw {
    width: 160px;
    margin-top: -170px;
    z-index: 999;
}
}

.body-copy {
    text-align: center;
    font-family: "Kumbh Sans",sans-serif;
font-weight: bold;
    font-size: 20px;
    font-weight: normal;
}

/* -----------------------------*/



@media (min-width: 444px){.bubbles-1{width:120px;top:-20px;left:150px}}
@media (min-width: 972px){.bubbles-1{width:160px;left:80px}}.bubbles-2{top:0px;left:180px;width:40px;height:auto}
@media (min-width: 444px){.bubbles-2{width:80px;top:20px;left:220px}}
@media (min-width: 444px) and (min-width: 972px){.bubbles-2{width:120px;left:190px}}.bubbles-3{display:none}
@media (min-width: 636px){.bubbles-3{display:block;width:45px;top:80%;left:65%}}
@media (min-width: 636px) and (min-width: 972px){.bubbles-3{width:65px;left:58%;top:77%}}.bubbles-4{display:none}
@media (min-width: 636px){.bubbles-4{display:block;width:70px;top:85%;left:60%}}
@media (min-width: 636px) and (min-width: 972px){.bubbles-4{width:90px;left:55%;top:82%}}.bubbles-5{display:none}
@media (min-width: 636px) and (min-width: 768px){.bubbles-5{display: none}}
@media (min-width: 768px){.bubbles-5{width:70px;top:50%;right:2%}}
@media (min-width: 636px) and (min-width: 972px){.bubbles-5{width:70px; top:60%; right:6%;}
	.bubbles-4 {left: 47%; top: 85%;} .bubbles-3{display:block;top:77%;left:50%;}
}