.wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr  1fr;   
}

.a{
    grid-column: 2 / span 1;
    grid-row: 12 / span 1;
}

.b{
    grid-column: 1 / span 1;
    grid-row: 12 / span 1; 
}

.c{
    grid-column: 3 / span 1;
    grid-row: 11 / span 1;
}

.d{
    grid-column: 2 / span 1;
    grid-row: 11 / span 1; 
}

.e{
    grid-column: 3 / span 1;
    grid-row: 10 / span 1; 
}

.f{
    grid-column: 2 / span 1;
    grid-row: 10 / span 1;
}

.g{
    grid-column: 3 / span 1;
    grid-row: 9 / span 1; 
}

.h{
    grid-column: 2 / span 1;
    grid-row: 9 / span 1; 
}

.i{
    grid-column: 1 / span 1;
    grid-row: 9 / span 1; 
}

.k{
    grid-column: 3 / span 1;
    grid-row: 8 / span 1;
}

.m{
    grid-column: 2 / span 1;
    grid-row: 8 / span 1; 
}

.n{
    grid-column: 3 / span 1;
    grid-row: 7 / span 1;
}

.o{
    grid-column: 2 / span 1;
    grid-row: 7 / span 1;
}

.p{
    grid-column: 1 / span 1;
    grid-row: 7 / span 1;
}

.r{
    grid-column: 3 / span 1;
    grid-row: 6 / span 1;
}

.s{
    grid-column: 2 / span 1;
    grid-row: 6 / span 1;
}

.t{
    grid-column: 1 / span 1;
    grid-row: 6 / span 1;
}

.u{
    grid-column: 2 / span 1;
    grid-row: 5 / span 1;
}

.v{
    grid-column: 1 / span 1;
    grid-row: 5 / span 1;
}

.w{
    grid-column: 2 / span 1;
    grid-row: 4 / span 1;
}

.x{
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
}

.y{
    grid-column: 3 / span 1;
    grid-row: 3 / span 1;
}

.z{
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
}

.aa{
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
}

.bb{
    grid-column: 3 / span 1;
    grid-row: 2 / span 1;
}

.cc{
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}

.dd{
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

.ee{
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.ff{
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

@media(max-width: 1200px){
    
.wrapper {
    display: grid;
    grid-template-columns: 1fr; 
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.a{
    grid-column: 1 / span 1;
    grid-row: 29 / span 1;
}

.b{
    grid-column: 1 / span 1;
    grid-row: 28 / span 1; 
    margin-left: 2.5em;
}

.c{
    grid-column: 1 / span 1;
    grid-row: 27 / span 1;
}

.d{
    grid-column: 1 / span 1;
    grid-row: 26 / span 1;
}

.e{
    grid-column: 1 / span 1;
    grid-row: 25 / span 1; 
}

.f{
    grid-column: 1 / span 1;
    grid-row: 24 / span 1;
}

.g{
    grid-column: 1 / span 1;
    grid-row: 23 / span 1; 
}

.h{
    grid-column: 1 / span 1;
    grid-row: 22 / span 1; 
}

.i{
    grid-column: 1 / span 1;
    grid-row: 21 / span 1; 
    margin-left: 2.5em;
}

.k{
    grid-column: 1 / span 1;
    grid-row: 20 / span 1;
}

.m{
    grid-column: 1 / span 1;
    grid-row: 19 / span 1; 
}

.n{
    grid-column: 1 / span 1;
    grid-row: 18 / span 1;
}

.o{
    grid-column: 1 / span 1;
    grid-row: 17 / span 1;
}

.p{
    grid-column: 1 / span 1;
    grid-row: 16 / span 1;
    margin-left: 2.5em;
}

.r{
    grid-column: 1 / span 1;
    grid-row: 15 / span 1;
}

.s{
    grid-column: 1 / span 1;
    grid-row: 14 / span 1;
}

.t{
    grid-column: 1 / span 1;
    grid-row: 13 / span 1;
    margin-left: 2.5em;
}

.u{
    grid-column: 1 / span 1;
    grid-row: 12 / span 1;
}

.v{
    grid-column: 1 / span 1;
    grid-row: 11 / span 1;
    margin-left: 2.5em;
}

.w{
    grid-column: 1 / span 1;
    grid-row: 10 / span 1;
}

.x{
    grid-column: 1 / span 1;
    grid-row: 9 / span 1;
    margin-left: 2.5em;
}

.y{
    grid-column: 1 / span 1;
    grid-row: 8 / span 1;
}

.z{
    grid-column: 1 / span 1;
    grid-row: 7 / span 1;
}

.aa{
    grid-column: 1 / span 1;
    grid-row: 6 / span 1;
    margin-left: 2.5em;
}

.bb{
    grid-column: 1 / span 1;
    grid-row: 5 / span 1;
}

.cc{
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
}

.dd{
    grid-column:  1 / span 1;
    grid-row: 3 / span 1;
    margin-left: 2.5em;
}

.ee{
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

.ff{
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    margin-left: 2.5em;
}
    
  figure.snip1302{
        margin-right: 0.5em;
    	max-width: 21em;
  }
}