.maincontent {
    width:100%;
    position:relative;
    padding:0;
    }
    
    .roof-svc-grid {
    grid-template-columns:1fr;
    }
    
    
    .roof-svc-img {
    height:300px;
    overflow:hidden;
    }
    
    
    .siding-banner {
    position: relative;
    padding:60px 0px;
    text-align:center;
    background-image: linear-gradient(0deg,rgba(10,0,10,.9) 0%,rgba(10,10,10,.9) 100%),url(/imageserver/UserMedia/bestprosny/siding.jpg);
    color:#ffffff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    }
    
    .roof-svc-card {
    margin-bottom:40px;
    max-width: 350px;
    }
    
    
      @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;
    }
    
    }