@charset "utf-8";

/* CSS Document */

.flash-140-1 {
    position: relative;
    background: #D0D0D0;
    position: relative;
    margin-top: -134px;
    z-index: 0;
    height: 720px;
}

#canvas {
    max-width: 100%;
    height: auto;
}

.flash-140-2 {
    position: relative;
    background: url("../images/canvas/subcanvas.jpg") top center no-repeat;
    position: relative;
    margin-top: -134px;
    z-index: 0;
    height: 380px;
}

@media (max-width: 374px) {
    .flash-140-1 {
        height: 348px;
        background-size: 240%;
        margin-top: -50px;
    }
    .flash-140-2 {
        position: relative;
        background: url(../images/canvas/subcanvas.jpg) top center no-repeat;
        position: relative;
        margin-top: -134px;
        z-index: 0;
        height: 310px;
    }
}

@media (min-width: 375px) and (max-width: 419px) {
    .flash-140-1 {
        height: 348px;
        background-size: 240%;
        margin-top: -50px;
    }
    .flash-140-2 {
        position: relative;
        background: url(../images/canvas/subcanvas.jpg) top center no-repeat;
        position: relative;
        margin-top: -134px;
        z-index: 0;
        height: 307px;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .flash-140-1 {
        height: 414px;
        background-size: 230%;
    }
    .flash-140-2 {
        position: relative;
        background: url(../images/canvas/subcanvas.jpg) top center no-repeat;
        position: relative;
        margin-top: -134px;
        z-index: 0;
        height: 250px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .flash-140-1 {
        height: 485px;
        background-size: cover;
    }
    .flash-140-2 {
        position: relative;
        background: url(../images/canvas/subcanvas.jpg) top center no-repeat;
        position: relative;
        margin-top: -134px;
        z-index: 0;
        height: 360px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .flash-140-1 {
        height: 523px;
        background-size: cover;
    }
    .flash-140-2 {
        position: relative;
        background: url(../images/canvas/subcanvas.jpg) top center no-repeat;
        position: relative;
        margin-top: -134px;
        z-index: 0;
        height: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .flash-140-1 {
        height: 535px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .flash-140-1 {
        height: 346px;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .flash-140-1 {
        height: 685px;
    }
    .flash-140-2 {
        position: relative;
        background: url(../images/canvas/subcanvas.jpg) top center no-repeat;
        position: relative;
        margin-top: -134px;
        z-index: 0;
        height: 269px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .flash-140-1 {
        height: 675px;
    }
    .flash-140-2 {
        position: relative;
        background: url(../images/canvas/subcanvas.jpg) top center no-repeat;
        position: relative;
        margin-top: -134px;
        z-index: 0;
        height: 280px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .flash-140-1 {
        height: 595px;
    }
    .flash-140-2 {
        position: relative;
        background: url(../images/canvas/subcanvas.jpg) top center no-repeat;
        position: relative;
        margin-top: -134px;
        z-index: 0;
        height: 310px;
    }
}