/*NOTE - page specific CSS - use for overrides*/

.banner {
    position: relative;
    width: 100%;
    max-width: 1308px;
    height: 520px;
    margin: 0 auto;
    background-image: url('images/300.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.inner-triangle div {
    margin-top: -15px;
}

@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: 435px;
    }
}

@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: 480px;
    }
}

@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: 500px;
    }
}

@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) {
    .inner-triangle div {
        margin-top: -22px;
    }
    .banner {
        background-image: url('images/972.jpg');
        height: 600px;
        background-position: bottom;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 972px) {
    .banner {
        background-image: url('images/972@2x.jpg');
    }
}

.banner-copy a {
    color: white;
}

.header-3rd-party {
    z-index: 1;
}

.overlay {
    z-index: 999999;
    position: relative;
}

.roxor-legal {
    display: none;
}