/* SINGLE COLUMN ON GALLERY PAGES */

@media screen and (max-width: 1500px) {
    #gallery {
        grid-template-columns: auto;
    }
}

/* MIDSIZE SCREEEN RESPONSE */


/* MOBILE OR NARROW SCREEN RESPONSE */

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

    /* NAV */

    .desktop-nav{
        margin-top: 1rem;
    }
    .nav-links{
        display: block;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .nav-links > * {
        font-size: 1.25rem;
        padding-bottom: .5rem;
    }
    
    .nav-links__active{
        text-underline-offset: .3rem; 
    }

    #Top-button{
        display: none;
    }

    /* PAGE TEXT SHRINKING */

    .proj-title-year{
        font-size: 1rem;
        font-weight: 200;
    }
    
    .proj-title{
        line-height: 1.9;
        font-size: 2rem;
        font-weight: 600;
    }  
    
    .page-intro{
        width: 80%;
    }

    .intro-text, .page-conclusion{
        max-width: 100%;
    }

    .page-title{
        margin-top: 3rem;
        font-weight: 500;
        font-size: 2rem;
    }

    /* IMAGE SHRINKING */

    .image-small{
        max-width: max(200px,40%);
    }

    /* SINGLE COLUMN */

    .content-container, .horizontal-flex-container, .vertical-flex-container{
        display: block;
    }

    .flex-item-auto, .flex-item-25, .flex-item-40, .flex-item-50, .flex-item-60, .flex-item-75{
       margin-bottom: 10vh;
    }

    /* ABOUT PAGE SINGLE */

    #about-container{
        display: block;
    }

    #profile-picture-container{
        max-width: 315px;
    }
}