@media screen and (max-width: 4000px){
        
        .centered {
            width: 100%;
            padding: 0 8vw;
        }

        .centered-medium {
            width: 100%;
            padding: 0 7vw;
        }

        .centered-narrow {
            width: 100%;
            padding: 0 11vw;
        }

        .text-left-to-center{
            text-align: left;
        }

        .grid-painting{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            column-gap: 5vw;
            row-gap: 7vh;
        }

        .grid-2-columns{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            column-gap: 6vw;
            row-gap: 14vh;
        }

        .grid-2-columns-dense{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            column-gap: 10vw;
            row-gap: 4vh;
        }

        .grid-3-columns{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            column-gap: 6vw;
            row-gap: 3vh;
        }

        .grid-painting-thumbs{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            column-gap: 1vw;
            row-gap: 1vw;
        }

        .desktop-only{  display: block; }
        .mobile-only{  display: none; }

    }
    
    

    @media screen and (max-width: 1094px){
        
        .text-left-to-center{
            text-align: left;
        }

        .grid-painting, .grid-2-columns, .grid-2-columns-dense{
            grid-template-columns: repeat(2, 1fr);
        }

        .grid-3-columns{
            grid-template-columns: repeat(2, 1fr);
        }
        
    }
    


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

        .text-left-to-center{
            text-align: center;
        }
        
        .grid-painting, .grid-2-columns, .grid-2-columns-dense{
            grid-template-columns: repeat(1, 1fr);
        }
 
        .grid-3-columns{
            grid-template-columns: repeat(1, 1fr);
        }

        .desktop-only{  display: none; }
        .mobile-only{  display: block; }
        
    }
    
    


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

        .grid-painting, .grid-2-columns, .grid-2-columns-dense{
            grid-template-columns: repeat(1, 1fr);
        }

        .grid-3-columns{
            grid-template-columns: repeat(1, 1fr);
        }
        
    }