@media only screen and (max-width: 900px) {

    /* INTRO */
    h2 {
        margin-top: var(--space-minus);
    }

    .header>div {
        flex-direction: column;
        gap: var(--space-medium);
    }

    .intro #introduction {
        width: 80%;
    }

    .intro {
        padding-top: calc(var(--space-small)*3);
    }

    .carousel-cell {
        padding: 0 10px;
        box-sizing: content-box;
    }

    .flickity-button {
        display: none !important;
    }


    .btnCover {
        display: inline;
        height: 20px;
        width: 35px;
        background-color: white;
        position: absolute;
        z-index: 999;
        bottom: var(--space-medium);
        right: calc(var(--space-medium)/1.5);
        border-radius: 20px;
        opacity: 1;
        /* box-shadow: 0 0 6px black; */
        opacity: .6;
    }

    /* VIDEO */
    .projectInfo {
        width: 100%;
        justify-content: start;
        display: flex;
        flex-direction: column;
    }

    h3 {
        box-sizing: border-box;
        position: relative;
    }


    .infoText {
        padding: 0 var(--space-medium);
        position: relative;
    }

    /* GALLERY */
    .carousel-cell {
        width: 100%;
    }

    .carousel-cell img {
        height: 100%;
    }

    .colophon {
        flex-direction: column;
        gap: var(--space-small);
    }

}