@media (max-width: 768px){

    /* ===== HEADER ===== */

    .header{
        flex-direction: column;
        align-items: flex-start;

        padding: 20px;
    }

    h1{
        font-size: 1.2rem;
        letter-spacing: 3px;
    }

    /* ===== TOP NAV ===== */

    .topNav{
        margin-left: 0;

        gap: 20px;

        flex-wrap: wrap;
    }

    /* ===== SIDE NAV ===== */

    .sideNav{
        position: static !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap;

        justify-content: center;
        gap: 15px;

        border-right: none !important;
        padding: 20px;
        margin-top: 180px;
        width: 100%;
    }

    .sideNav p{
        margin: 0;
    }

    /* ===== GALLERY PAGES ===== */

    .imgContent{
        margin-left: 0 !important;

        padding: 20px;
    }

    .imgContent img{
        width: 100% !important;
        max-width: 100%;

        height: auto;
    }

    /* ===== SINGLE ARTWORK PAGES ===== */

    .artInfo{
        padding: 0 20px;
    }

    /* ===== IFRAME / EMBED PAGES ===== */

    .content{
        margin-left: 0 !important;

        width: 100%;

        padding: 20px;
    }

    .content iframe{
        width: 100%;
        height: 70vh;
    }

    /* ===== ABOUT PAGE ===== */

    .bio{
        flex-direction: column;
        align-items: center;

        text-align: center;
    }

    .bioImage img{
        width: 80%;
        max-width: 300px;
    }

    /* ===== TEXT SECTIONS ===== */

    .statement,
    .cv{
        padding: 20px;

        max-width: 100%;
    }

    /* ===== CONTACT ===== */

    .info{
        padding-left: 0;

        font-size: 18px;
    }

    .insta img{
        margin-left: 0;
    }
}