/*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: 324px;
    }
}
@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: 380px;
    }
}
@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: 428px;
    }
}
@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');
    }
}

.login {
    display: none!important;
}