.maincontent {
width:100%;
position:relative;
padding:0;
}

.roof-svc-grid {
	grid-template-columns: 1fr 1fr;
	gap: 25px;
}

.roof-svc-img {
height:300px;
overflow:hidden;
}

.roof-banner {
position: relative;
padding:60px 0px;
text-align:center;
background-image: linear-gradient(0deg,rgba(10,10,10,.9) 0%,rgba(10,10,10,.9) 100%),url(/imageserver/UserMedia/bestprosny/roof-bg.jpg);
color:#ffffff;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}

  @media (max-width: 480px) {
.roof-svc-grid {
grid-template-columns:1fr;
}

.roof-svc-img {
height:255px;
}

}


@media (min-width: 480px) and (max-width: 767px) {

.roof-svc-grid {
grid-template-columns:1fr;
}

.roof-svc-img {
height:255px;
}

}


@media (min-width: 768px) and (max-width: 1024px) {

.roof-svc-grid {
grid-template-columns:1fr;
}

.roof-svc-img {
height:255px;
}

}