@media only screen and (max-width: 850px) {
    html {
        scroll-behavior: initial;
    }
    .backdrop img:first-child {
        width: 300px;
        height: 239px;
        object-fit: cover;
    }

    .about iframe {
        display: none;
    }

    .header .menu button {
        display: none;
    }
    #staffmembers h1 {
        display: none;
    }
    #staffmembers h1:hover {
        display: none;
    }
    .header #mobileMenuBtn {
        display: block;
        font-size: 30px;
    }
    .mobileMenu {
        display: flex;
        position: fixed;

        flex-direction: column;
        justify-content: center;
        overflow-y: hidden;

        width: 100vw;
        z-index: 10;

        transition: height .5s, background-color .7s;
    }
    .mobileMenu[display="false"] {
        height: 0;
        border-bottom: none;
        background-color: rgba(35, 0, 34, 0);
    }
    .mobileMenu[display="true"] {
        height: 100vh;
        border-bottom: solid white 1px;
        background-color: rgba(35, 0, 34, 0.98);
    }
    .mobileMenu button {
        color: rgb(200, 200, 200);
        border: none;
        margin: 15px 50px;
        font-size: 30px;
        background-color: transparent;
        cursor: pointer;
    }
    .vote button {
        width: 100%;
        margin: 10px 30px;
        font-size: 20px;
    }
    #openAll {
        display: none;
    }
}