body {
	background: #ccc;
}
#content {
	margin:0 auto;
	width:755px;
}
#container + div.balinks {
/* margin-left: 200px; */




        
}


.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
}
    
.div1 {
    grid-row: span 2;
	grid-column: span 2;
}


.div2 {
    grid-column-start: 3;
    grid-row-start: 1;
}

.div3 {
    grid-column-start: 4;
    grid-row-start: 1;
}

.div4 {
    grid-column-start: 3;
	    grid-row-start: 2;
}

.div5 {
    grid-column-start: 4;
    grid-row-start: 2;
}

.div6{
    grid-row: span 2;
	grid-column: span 2;
}


/* WordPress conversion repair: the original page-only script which
   reset html{display:none} isn't included. Never hide the document. */
.portfolio-work .gallery { width: 100%; }
.portfolio-work .gallery img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
  .portfolio-work .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
  .portfolio-work .gallery > div { grid-column: auto; grid-row: auto; min-width: 0; }
  .portfolio-work .gallery > .div1,
  .portfolio-work .gallery > .div6 { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .portfolio-work .gallery { grid-template-columns: minmax(0, 1fr); }
  .portfolio-work .gallery > div { grid-column: 1 / -1; }
}