@charset "utf-8";
.office_col{
	display: grid;
	gap: 30px 27px;
	margin: 30px 0;
}
.office_col.layout--1{grid-template-columns: 1fr;}
.office_col.layout--2{grid-template-columns: repeat(2,1fr);}
.office_col.layout--3,
.office_col.layout--4{
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
}
.office_col.layout--3 img:nth-child(1){
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}
.office_col.layout--4 img:nth-child(3){
  grid-column: 2 / span 2;
  grid-row: 1 / span 2;
}
.office_col img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width:767px){
.office_col{
	gap: 20px 13px;
	margin: 20px 0;
}
.office_col.layout--3,
.office_col.layout--4{
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
}
.office_col.layout--3 img:nth-child(1){
	grid-column: 1 / -1;
	grid-row: auto;
}
.office_col.layout--4 img:nth-child(3){
	grid-column: 1 / -1;
	grid-row: auto;
}
}