.beton-home {display:grid; grid-template-columns:repeat(16,minmax(0,1fr)); gap:20px;}
    .beton-home .item {min-width:0; min-height:0;position: relative;}
	.beton-home .item img {display:block; max-width:100%; height:auto}
	.beton-home .item .info  {color:var(--color-white);padding:20px;width:100%;height:100%;position:absolute;top:0;display:flex;flex-direction:column;justify-content:space-between;}
	.beton-home .item .info .name {font-size:14px;font-weight:200;text-transform:uppercase;letter-spacing:-0.2px;display:flex;justify-content:space-between;}
	.beton-home .item .info .name  span {text-align:right;white-space:nowrap;margin-left:10px;}
	.beton-home .item .info .btn {align-self: flex-end;}

    .beton-home .item[data-grid="1"] {grid-column:1 / span 4; grid-row:1}
	.beton-home .item[data-grid="2"] {grid-column:1 / span 4; grid-row:2}
	.beton-home .item[data-grid="3"] {grid-column:13 / span 4; grid-row:1}
	.beton-home .item[data-grid="4"] {grid-column:13 / span 4; grid-row:2}
	.beton-home .item[data-grid="5"] {grid-column:5 / span 8; grid-row:1 / span 2}

	@media (max-width:768px){
    	.beton-home {display:flex;flex-direction:column;gap:15px;}
    	.beton-home .item .h2,.beton-home .item .t2 {margin-bottom: 5px;}
    }