@charset "UTF-8";
.hero-logo {
    position: relative;
    padding: 200px 0
}

.scene-contents {
    position: relative;
    padding: 0 0 150px
}

.series-info {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    font-weight: 300
}

.grid-img {
    margin: 15px 0
}

.grid-img img {
    border: 2px solid #333
}

@media only screen and (min-device-width:320px) {
    .dev_notes {
        display: none;
        visibility: hidden;
        position: absolute;
        z-index: 1000
    }
    .hero-logo {
        position: relative;
        padding: 100px 0
    }
    .series-info {
        width: 90%;
        text-align: left;
        padding: 100px 0;
        transform: translateY(0)
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .hero-logo {
        position: relative;
        padding: 150px 0
    }
}

@media only screen and (min-width:1040px) {
    .dev_notes {
        display: block;
        visibility: hidden;
        position: absolute;
        z-index: 1000
    }
    .hero-logo {
        position: relative;
        padding: 200px 0
    }
    .series-info {
        width: 90%;
        text-align: center;
        padding: 200px 0;
        transform: translateY(150px)
    }
}

@media only screen and (min-width:1824px) {
    .hero-logo {
        position: relative;
        padding: 250px 0
    }
}