/* six columns, as defined in all.css */

#galeria div.i {
    grid-row-start: 1;
    grid-column-start: 2;
}

#galeria div.ii {
    grid-row-start: 1;
    grid-column-start: 5;
}

#galeria div.iii {
    grid-row-start: 4;
    grid-column-start: 1;
}

#galeria div.iv {
    grid-row-start: 4;
    grid-column-start: 4;
}

#galeria div.v {
    grid-row-start: 2;
    grid-column-start: 1;
}

#galeria div.vi {
    grid-row-start: 1;
    grid-column-start: 4;
}

#galeria div.vii {
    grid-row-start: 2;
    grid-column-start: 5;
}

#galeria div.viii {
    grid-row-start: 3;
    grid-column-start: 6;
}

/**************************
* SCREEN SIZE ADJUSTMENTS *
**************************/

@media (max-width: 939px) {

    #galeria {
        grid-template-columns: repeat( 4, 1fr );
    }
    
    #galeria div.i {
        grid-row-start: 1;
        grid-column-start: 2;
    }
    
    #galeria div.ii {
        grid-row-start: 3;
        grid-column-start: 3;
    }
    
    #galeria div.iii {
        grid-row-start: 4;
        grid-column-start: 1;
    }
    
    #galeria div.iv {
        grid-row-start: 6;
        grid-column-start: 1;
    }
    
    #galeria div.v {
        grid-row-start: 2;
        grid-column-start: 2;
    }
    
    #galeria div.vi {
        grid-row-start: 4;
        grid-column-start: 3;
    }
    
    #galeria div.vii {
        grid-row-start: 1;
        grid-column-start: 4;
    }
    
    #galeria div.viii {
        grid-row-start: 5;
        grid-column-start: 4;
    }

}

@media (max-width: 627px) {

    #galeria {
        grid-template-columns: repeat( 3, 1fr );
    }
    
    #galeria div.i {
        grid-row-start: 1;
        grid-column-start: 2;
    }
    
    #galeria div.ii {
        grid-row-start: 3;
        grid-column-start: 1;
    }
    
    #galeria div.iii {
        grid-row-start: 6;
        grid-column-start: 2;
    }
    
    #galeria div.iv {
        grid-row-start: 7;
        grid-column-start: 1;
    }
    
    #galeria div.v {
        grid-row-start: 5;
        grid-column-start: 1;
    }
    
    #galeria div.vi {
        grid-row-start: 4;
        grid-column-start: 2;
    }
    
    #galeria div.vii {
        grid-row-start: 2;
        grid-column-start: 3;
    }
    
    #galeria div.viii {
        grid-row-start: 7;
        grid-column-start: 3;
    }

}

@media (max-width: 360px) {

    #galeria {
        grid-template-columns: repeat( 2, 1fr );
    }
    
    #galeria div.i {
        grid-row-start: 1;
        grid-column-start: 1;
    }
    
    #galeria div.ii {
        grid-row-start: 4;
        grid-column-start: 1;
    }
    
    #galeria div.iii {
        grid-row-start: 8;
        grid-column-start: 1;
    }
    
    #galeria div.iv {
        grid-row-start: 12;
        grid-column-start: 1;
    }
    
    #galeria div.v {
        grid-row-start: 2;
        grid-column-start: 1;
    }
    
    #galeria div.vi {
        grid-row-start: 5;
        grid-column-start: 1;
    }
    
    #galeria div.vii {
        grid-row-start: 5;
        grid-column-start: 2;
    }
    
    #galeria div.viii {
        grid-row-start: 9;
        grid-column-start: 2;
    }

}