@charset "UTF-8";@media screen and (min-width:1201px){.content-img-split .site-wrapper.img-inline .section-content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}}.shingle-replace-section{z-index:10}.shingle-replace-section .site-wrapper{padding-bottom:0}.shingle-replace-section .site-wrapper>:first-child{margin-top:0}.shingle-replace-section .site-wrapper>:last-child{margin-bottom:0}.shingle-replace-section+.why-us-section{z-index:5}.shingle-replace-section .shingles-nav{--items-per-row:3;--item-max-width:785px;--gap:20px;--gap-count:calc(var(--items-per-row) - 1);--gap-total:calc(var(--gap) * var(--gap-count));--gap-offset:calc(var(--gap-total) / var(--items-per-row));max-width:calc(var(--items-per-row) * var(--item-max-width));gap:var(--gap);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:clamp(25px, 4vw, 50px) auto}@media screen and (max-width:1300px){.shingle-replace-section .shingles-nav{--items-per-row:2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:670px){.shingle-replace-section .shingles-nav{--item-max-width:400px;--items-per-row:1;margin-left:auto;margin-right:auto}}.shingle-replace-section .shingles-nav .shingle-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:5px;width:calc((100% / var(--items-per-row)) - var(--gap-offset))}.shingle-replace-section .shingles-nav .shingle-item .description{font-size:clamp(20px, 1.5vw, 30px);font-weight:900;text-align:center;background:whitesmoke;padding:clamp(11px, 1.5vw, 21px);border-top:0;border-radius:0 0 5px 5px}.shingle-replace-section .shingles-nav .shingle-item .description span{font-size:clamp(20px, 1.8vw, 25px);display:block}.why-us-section{color:white;background-color:#222222;margin-top:clamp(-300px, -10%, -150px);padding-top:clamp(150px, 10%, 300px)}.why-us-section .why-us-list{margin:40px auto}.info-card-section{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0, 881px))[2];grid-template-columns:repeat(2, minmax(0, 881px));gap:25px;margin-top:45px}@media screen and (max-width:1000px){.info-card-section{-ms-grid-columns:(minmax(0, 881px))[1];grid-template-columns:repeat(1, minmax(0, 881px))}}.info-card-section .info-card{padding:42px 40px 88px;border-top-right-radius:5px;border-top-left-radius:5px}@media screen and (max-width:640px){.info-card-section .info-card{padding:25px 20px 35px}}.info-card-section .info-card h3{margin-top:0}
/*# sourceMappingURL=roofing-replacement.css.map */