.roofing-page .sales-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.roofing-page .sales-grid>*,.roofing-page .sales-card,.roofing-page figure{min-width:0}
.roofing-page article img{display:block;max-width:100%;height:auto;margin:20px auto}
.roofing-page figure{margin:24px 0}
.roofing-page figcaption{font-size:15px;line-height:1.55;color:#5e5961}
.roofing-page .roofing-figure img{max-width:650px;width:100%}
.roofing-page .sales-table-wrap{max-width:100%;overflow-x:auto}
.roofing-page .sales-table-wrap table{width:100%;border-collapse:collapse}
.roofing-page .sales-card .roofing-calculator{display:block;width:100%;border:0;max-width:100%;height:820px}
.roofing-page .sales-card .roofing-calculator[title="Roofing SEO payback calculator"]{height:1000px}
.roofing-page .sample-label{font-size:16px;color:#625a52}
.roofing-page article a{overflow-wrap:anywhere}
@media(max-width:900px){.roofing-page .sales-grid{grid-template-columns:1fr}}
@media(max-width:700px){.roofing-page .sales-card{padding:18px}.roofing-page .sales-card .roofing-calculator{height:1100px}.roofing-page .sales-card .roofing-calculator[title="Roofing SEO payback calculator"]{height:1300px}.roofing-page .sales-grid{gap:16px}.roofing-page figcaption{font-size:14px}.roofing-page .table-wrap{max-width:100%}}