#content                                                     {column-count:1; column-gap:min(50px,10%); text-align:justify;}
.thumbnail_layer                                             {break-inside:avoid;}
/* ---------- MEDIA QUERIES ---------- */

@media screen and (min-width:800px){
 #content                                                    {column-count:2;}
 .thumbnail_layer                                            {grid-template-columns:repeat(1,1fr);}
}

@media screen and (min-width:1200px){
 .thumbnail_layer                                            {grid-template-columns:repeat(2,1fr);}
}

@media screen and (min-width:1600px){
 .thumbnail_layer                                            {grid-template-columns:repeat(3,1fr);}
}