Каталог

.container__abp-infographic{width:100%;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;align-items:center}
.item__abp-infographic{display:grid;justify-items:center;align-items:center}
.item__abp-infographic:hover{opacity:.8}
.img__abp-infographic{height:52px;margin:5px 0;width:33px;height:52px;background-size:cover}
.title__abp-infographic{font:bold 12px Arial;color:#444}
.text__abp-infographic{font:12px Arial;color:#999}
.img__abp-infographic:nth-child(1){background-image:url(/wp-content/uploads/2020/09/phase_5.jpg);width:52px}
.img__abp-infographic:nth-child(2){background-image:url(/wp-content/uploads/2020/09/power_4.jpg)}
.img__abp-infographic:nth-child(3){background-image:url(/wp-content/uploads/2020/09/tower_5.jpg);width:52px}
.img__abp-infographic:nth-child(4){background-image:url(/wp-content/uploads/2020/09/capacity.jpg)}
.img__abp-infographic:nth-child(5){background-image:url(/wp-content/uploads/2020/09/i_4.jpg);width:52px}
.img__abp-infographic:nth-child(6){background-image:url(/wp-content/uploads/2020/09/efficiency_4.jpg)}
.img__abp-infographic:nth-child(7){background-image:url(/wp-content/uploads/2020/09/enter_4.jpg)}
.img__abp-infographic:nth-child(8){background-image:url(/wp-content/uploads/2020/09/exit_4.jpg)}
@media screen and (max-width:497px) {
.container__abp-infographic{grid-template-columns:repeat(3,1fr)}
}
@media screen and (max-width:412px) {
.container__abp-infographic{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:289px) {
.container__abp-infographic{grid-template-columns:1fr}
}