@media (max-width: 768px) {
    #links {
        display: none;
    }
    #biglogo {
        width: 50vw !important;
    }
    #smalllogo-wrapper {
        justify-content: end;
    } #smalllogo {
        margin: 0.5em;
    } #smalllogo:hover {
        opacity: unset;
    }
    .release img {
        width: 55vw !important;
    }
    .release:hover {
        opacity: unset;
    }
    #links li a:hover {
	    opacity: unset;
    }
    #hamburger:hover {
        opacity: unset;
    }
    #menu {
        justify-content: center;
        width: 100%;
    }
    #linklist li a:hover {
	    opacity: unset;
    }
    .calendar-date:hover {
        opacity: unset;
    }
    .calendar-event a:hover {
        opacity: unset;
    }
    .contact-container {
        max-width: 20rem !important;
    }
    #index {
        /*justify-content: unset !important;*/
    } #index h2, #production h2, #booking h2 {
        margin-top: 1rem !important;
    } #index img, #production img, #booking img {
        width: 70vw !important;
    } #index .about, #production .about, #booking .about {
        font-size: 0.9em !important;
        width: 75% !important;
    } #index video {
        margin-top: 1rem !important;
        width: 70vw !important;
    } #booking .about {
        width: 95vw !important;
    } #booking button {
        margin-bottom: 2rem;
    } #booking {
        overflow-x: hidden !important;
        width: unset !important;
    }
    #production {
        flex-direction: unset !important;
    }
    #content {
        overflow-y: scroll !important;
        height: 85vh !important;
    }
    #body {
        overflow: unset !important;
    }
}
@media (min-width: 769px) and (max-width: 75rem) {
    .release img {
        width: 35vw !important;
    }
    #index img {
        width: 35vw !important;
    }
}