@media only screen and (max-width: 600px) {
    p {
        text-align: justify;
    }

    .content {
        margin-top: 4rem;
    }

    .main-nav {
        position: fixed;
        height: unset;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        top: 0;
        transform: translateY(-100%);
        flex-direction: column;
        transition: transform 200ms ease;
        z-index: 3;
    }

    .main-nav.active {
        transform: translateY(0);
    }

    .burger-menu,
    .burger-menu-container {
        display: block;
        z-index: 4;
    }

    .burger-container {
        display: flex;
        color: #fff;
        align-items: center;
        padding-left: 1rem;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        height: 4rem;
        background-color: #333;
        z-index: 2;
    }

    #bwImage {
        float: none;
        margin-inline: auto;
        margin: 0;
        filter: grayscale(100%);
        transition: none;
        z-index: 1;
    }

    #bwImage:hover {
        filter: grayscale(0);
    }

    #bwImage.img-larger {
        width: var(--img-width);
    }

    /* Gallery */
    .gallery-container img {
        box-shadow: none;
        transition: none;
    }

    .gallery-container img:hover {
        box-shadow: none;
        transform: none;
    }



    footer {
        text-align: left;
    }

    .fadeInLeft {
        transform: translateX(-100%);
    }

    .video-container video {
        width: 100%;
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translateX(-100%);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes fadeOutLeft {
        from {
            opacity: 1;
            transform: translateX(0);
        }

        to {
            opacity: 0;
            transform: translateX(-100%);
        }
    }


}