@media screen and (max-width: 768px) {
    .two{
        flex-direction: column;
        height: 135vh;
    }
    .glass{
        flex-direction: column;
        height: 100%;
    }
    .center > button{
        margin-top: 25px
    }
    .cost{
        height: auto;
        flex-direction: column;
    }
    .arrow{
        margin: 14px;
    }
    .poster{
        height: auto;
    }
    .more{
        height: auto;
        flex-direction: column;
    }
    .photo1{
        margin: 21px;
    }
    .photo2{
        margin: 21px;
    }
    .photo3{
        margin: 21px;
    }
    .photo4{
        margin: 21px;
    }
    .three{
        height: auto;
    }

    #navbar{
        background: blue;
    }
}















/* <style> */
/* h1{
    height: 45px;
    width: 150px;
    background-color: blue;
    display: block;
    margin: auto;
    text-align: center;
    box-shadow: 0 0 5px blue;
}
h1 > a{
    color: white;
    text-decoration: none;
    font-size: 21px;
 */

/* </style> */