#main {
    /* font-family: 'Montserrat', sans-serif; */
    font-family: 'Roboto Slab', serif;
    height:auto;
    /* background-color:#eaeaea; */
    background: linear-gradient(0deg, rgba(50, 50, 50, 0.59), rgba(50, 50, 50, 0.59)), url("/static/images/sky.jpg");
    background-size:cover;
}
.flex {
    display:flex;
    flex-direction: column;
    align-items: center;
}
h1 {
    font: normal normal bold 40px 'Roboto Slab', serif;
    color: #393939;
    padding-bottom:5px;
    border-bottom: #393939 1px solid;
    margin-bottom:15px;
}
h2 {
    font: normal normal normal 35px 'Roboto Slab', serif;
    color: #4B4B4B;
    margin: 0px 0px 0px 0px;
    padding-bottom:10px;
}
h3 {
    font: normal normal 500 1.5rem Montserrat, serif;
    color: #393939;
    margin:0px 0px 0px 0px;
    padding-top:10px;
}
h4 {
    font: normal normal 400 2.25rem Montserrat, serif;
    color: #3e3e3e;
    margin: 0px 0px 0px 0px;
    padding-top:0px;
}
.image-background {
    width:100%;
    height:auto;
}
.overlay {
    height:100%;
    width:100%;
    position:relative;
    z-index: -1;
    height:auto;
    flex-grow:1;
}
.black-overlay {
    background-color:#191919;
    position:absolute;
    opacity:.59;
    height:100%;
    width:100%;
}
.inside {
    min-height:30vw;
    height:auto;
    background: white;
    width:85%;
    /* position: absolute; */
    margin-top:75px;
    margin-bottom:30px;
    padding-bottom:4rem;
}
.screen {
    box-shadow: 3px 3px 6px #919191;
    border: 1px solid #ACACAC;
    width:90%;
    height:78vh;
    margin-bottom:10vh;
    padding-top:5vh;
    justify-content: center;
}
.screen-flex {
    justify-content: space-around;
    flex-direction:row;
    display:flex;
    align-items: center;
    width:100%;
    height:100%;
}
.poster {
    height:45vh;
    max-width:95%;
}
.coming {
    width:100%;
    flex-direction: row;
    justify-content: space-around;
    align-items:flex-start;
    padding-top:3rem;
}
.soon {
    width:50%;
}
h3.mobile {
    display:none;
}
@media only screen and (max-width: 1000px){
    #main {
        background: #eaeaea;
        text-align: center;
    }
    .inside {
        margin-top:0px;
        width:100%;
    }
    h4 {
        display:none;
    }
    .screen {
        box-shadow: 0px 0px 0px #919191;
        width: 100%;
        flex-direction:column;
        align-items:center;
        justify-content: center;
        border: 0px solid #ACACAC;
        padding-top:0px;
        margin-bottom:5vh;
        height:auto;
    }
    h3.mobile {
        display:block;
    }
    .screen-flex {
        flex-direction:column;
        align-items:center;
        justify-content: center;
    }
    .movie {
        padding-bottom:1rem;
    }
    .coming {
        flex-direction: column;
        align-items: center;
        padding-top:0px;
        text-align: center;

    }
    .soon {
        padding-top:1rem;
        width:auto;
    }
}