html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
.clear{clear:both}
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
line-height: 1.444em;
letter-spacing: -0.01em;
word-spacing: 0.04em;
max-width: 2400px;
margin: 0 auto;
} a{text-decoration:none;transition:.5s;}
b, strong{font-weight:700;}
nav, section, footer, div, li, a, input, select, textarea, img, td{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input, select, textarea {
-webkit-appearance: none;
} p{margin:0 0 1.5em 0;}
p:last-child {
margin: 0 !important;
} a{text-decoration:none;transition:.5s;}
em, i{font-style:italic;}
img{height:auto;}
h1, h2, h3, h4, h5, h6{line-height:1.333em;box-sizing:border-box;}
#header{display:table;width:100%;}
#header .header{display:table;width:84%;margin:2em auto;}
#header .header li{display:table-cell;vertical-align:middle;}
#header .header li:nth-child(1){width:25%;}
#header .header li:nth-child(1) img{display:table;float:left;margin:0;width:23em;max-width:90%;}
#header .header li:nth-child(2){width:18%;text-align:center;}
#header .header li:nth-child(2) img{display:inline-table;vertical-align:middle;margin:0 0.5em;width:5.5em;max-width:90%;}
#header .header li:nth-child(3){width:35%;text-align:center;}
#header .header li:nth-child(3) a{display:inline-table;vertical-align:middle;}
#header .header li:nth-child(3) a.phone{font-size:2.444em;color:#000;line-height:1em;margin:0 0.25em 0 0;}
#header .header li:nth-child(3) a.phone:hover{color:#d1212b;}
#header .header li:nth-child(3) a.quote{font-size:1.333em;font-weight:700;color:#fff;line-height:1em;background:#d1212b;padding:0.5em 0.75em;}
#header .header li:nth-child(3) a.quote:hover{background:#414142;}
#header .header li:nth-child(4){width:12%;}
#header .header li:nth-child(4) img{display:table;float:right;margin:0;width:11em;max-width:90%;}
.tagline{display:table;width:100%;background:#d1212b;font-size:2.667em;color:#fff;line-height:1.333em;text-align:center;padding:0.25em 1em;}
#footer{display:table;width:100%;}
#footer .footerinfo{display:table;width:84%;margin:3em auto;}
#footer .footerinfo li{display:table-cell;vertical-align:bottom;}
#footer .footerinfo li:nth-child(1){width:32%;}
#footer .footerinfo li:nth-child(1) img{display:table;float:left;margin:0;width:23em;max-width:90%;}
#footer .footerinfo li:nth-child(2){width:17%;font-size:1.333em;line-height:1.444em;text-align:left;}
#footer .footerinfo li:nth-child(2) .social{display:table;margin:0.5em 0 0 0;}
#footer .footerinfo li:nth-child(2) .social a{font-size:2.5em;line-height:1em;margin:0 0.25em 0 0;}
#footer .footerinfo li:nth-child(2) .social a.facebook{color:#4267b2;}
#footer .footerinfo li:nth-child(2) .social a.linkedin{color:#0077b5;}
#footer .footerinfo li:nth-child(2) .social a:hover{color:#414142;}
#footer .footerinfo li:nth-child(3){width:23%;}
#footer .footerinfo li:nth-child(3) a{display:table;margin:0;float:left;}
#footer .footerinfo li:nth-child(3) a.phone{font-size:2.444em;color:#000;line-height:1.333em;}
#footer .footerinfo li:nth-child(3) a.phone:hover{color:#d1212b;}
#footer .footerinfo li:nth-child(3) a.email{font-size:1.3em;color:#000;line-height:1.222em;}
#footer .footerinfo li:nth-child(3) a.email:hover{color:#d1212b;}
#footer .footerinfo li:nth-child(4){width:18%;white-space:nowrap;}
#footer .footerinfo li:nth-child(4) img{display:inline-table;vertical-align:middle;margin:0 0.5em;width:5.5em;max-width:90%;}
#copyright{display:table;width:100%;font-size:0.833em;font-weight:400;text-align:center;line-height:1.333em;background:#eeeeee;color:#000;padding:1.5em;}
#copyright a{color:#000;}
#copyright a:hover{color:#d1212b;}
#locations{display:table;width:100%;font-size:1.667em;font-weight:400;text-align:center;line-height:1.333em;background:#eeeeee;color:#000;padding:1.5em;}
#featuredblog{display:table;width:100%;margin:0;padding:0;background:#d1212b;}
#featuredblog ul{display:table;width:84%;margin:1em auto;}
#featuredblog ul li{display:table-cell;vertical-align:middle;}
#featuredblog ul li:first-child{width:50%;padding:4em 4em 4em 0;color:#fff;}
#featuredblog ul li:first-child h2{display:table;width:100%;font-size:2.667em;margin:0 0 0.5em 0;}
#featuredblog ul li:first-child h3{display:table;width:100%;font-size:2em;font-weight:700;margin:0 0 0.5em 0;}
#featuredblog ul li:first-child h3 a{color:#fff;}
#featuredblog ul li:first-child h3 a:hover{color:#fff;}
#featuredblog ul li:first-child .postexcerpt{display:table;width:100%;font-size:1.444em;line-height:1.333em;margin:0 0 1em 0;}
#featuredblog ul li:first-child .readmore{display:table;font-size:1.333em;font-weight:700;color:#fff;line-height:1em;background:#000;padding:0.75em 1em;}
#featuredblog ul li:first-child .readmore:hover{color:#000;background:#fff;}
#featuredblog ul li:last-child{width:50%;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/featured-blog.webp) center no-repeat;background-size:cover;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);}
#conklincontent{display:table;width:100%;margin:0;padding:0;}
#conklincontent .conklincontent{display:table;width:84%;margin:5em auto;}
#conklincontent .conklincontent .textwidget{font-size:1.556em;line-height:1.556em;}
#conklincontent .conklincontent .textwidget ul{line-height:1.444em;margin:0;padding:0;}
#conklincontent .conklincontent .textwidget ul li{list-style:none;float:left;width:50%;padding:0.2em 1em 0.2em 1.35em;position:relative;}
#conklincontent .conklincontent .textwidget ul li:before{content:"";left:0;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/dimond-bullet.webp) center no-repeat;background-size:contain;width:1em;height:1.444em;font-size:0.889em;position:absolute;font-family:"Font Awesome 5 Free";font-weight:400;color:#d1212b;}
#homeform{display:table;width:100%;margin:0;padding:0;}
#homeform ul{display:table;width:84%;margin:5em auto;}
#homeform ul li{display:table-cell;vertical-align:middle;}
#homeform ul li:first-child{width:31%;text-align:center;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);}
#homeform ul li:nth-child(2){width:3.5%;}
#homeform ul li:last-child{width:65.5%;padding:3em;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/formbg.webp) center bottom no-repeat;background-size:cover;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);}
#homeform ul li:last-child table{display:table;}
#homeform ul li:last-child table tr td{padding:0.25em;}
#homeform ul li:last-child table tr td input{margin:0;}
#homeform ul li:last-child table tr td textarea{margin:0;}
#homeform ul li:last-child table tr td input[type="submit"]{width:33%;margin:0 auto;}
#homeform ul li:last-child table tr td input[type="submit"]:hover{}
#homeform ul li:last-child .wpcf7 div.wpcf7-response-output{color:yellow !important;}
#homeform ul li:last-child .wpcf7 div.wpcf7-mail-sent-ng{color:white !important;}
#homeform ul li:last-child .wpcf7 span.wpcf7-not-valid-tip{color:yellow !important;}
#homeform ul li:last-child .wpcf7 div.wpcf7-validation-errors{color:yellow !important;}
#homeform ul li:last-child h3{display:table;width:100%;font-size:2.667em;font-weight:700;text-align:center;color:#fff;margin:0 0 0.35em 0;}
#homeform ul li:last-child .call{display:table;margin:0.5em auto 0 auto;font-size:3.333em;font-weight:300;color:#fff;line-height:1em;}
#homeform ul li:last-child .call:hover{color:#000;}
#roofingsystems{display:table;width:100%;background:#eeeeee;}
#roofingsystems .roofingsystems{display:table;width:84%;margin:3em auto 5em auto;}
#roofingsystems .roofingsystems h2{font-size:2.667em;font-weight:400;text-align:center;color:#d1212b;margin:0 0 0.75em 0;}
#roofingsystems .roofingsystems ul{display:grid;gap:0 3.5%;grid-template-columns:31% 31% 31%;width:100%;}
#roofingsystems .roofingsystems ul li{font-size:1.333em;line-height:1.556em;}
#roofingsystems .roofingsystems ul li .picture{display:table;width:100%;margin:0 0 1em 0;position:relative;}
#roofingsystems .roofingsystems ul li .picture img{display:table;width:100%;margin:0;border:1px solid #000;}
#roofingsystems .roofingsystems ul li .picture h3{font-size:1.5em;font-weight:700;line-height:1em;position:absolute;left:1em;bottom:1em;}
#roofingsystems .roofingsystems ul li p:empty{display:none;}
.page-template-front-page #container{display:table;width:100%;margin:0;padding:0;}
.page-template-front-page #container #homecontent{display:table;width:100%;background:#eeeeee;}
.page-template-front-page #container #homecontent .homecontent{display:table;width:84%;margin:3em auto 3em auto;}
.page-template-front-page #container #homecontent header h2{display:table;width:100%;font-size:1.556em;font-weight:700;text-align:center;color:#d1212b;padding:1em;background:#fff;}
.page-template-front-page #container #homecontent .homecontent p{font-size:1.333em;line-height:1.556em;}
.page-template-front-page #container #homecontent .homecontent p:last-child{margin:0;}
#homebanner{display:table;width:100%;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/homebanner.webp) center no-repeat #eeeeee;background-size:cover;}
#homebanner .homebanner{display:table;width:84%;margin:6em auto;}
#homebanner .homebanner .left{display:table-cell;vertical-align:bottom;width:69%;}
#homebanner .homebanner .left h1{font-size:3em;font-weight:700;color:#414142;}
#homebanner .homebanner .right{display:table-cell;vertical-align:bottom;width:31%;}
#homebanner .homebanner .right .bannerform{display:table;width:100%;background:#d1212b;padding:2em;margin:0 0 1.5em 0;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);}
#homebanner .homebanner .right .bannerform h3{font-family:'Roboto Slab', serif;font-size:1.667em;font-weight:700;text-align:center;color:#fff;margin:0 0 0.25em 0;}
#homebanner .homebanner .right .bannerform .wpcf7{margin:0;}
#homebanner .homebanner .right .bannerform .wpcf7 table{display:table;margin:0 auto;}
#homebanner .homebanner .right .bannerform .wpcf7 table tr td{float:left;width:100%;padding:0.2em;}
#homebanner .homebanner .right .bannerform .wpcf7 table tr td input{margin:0;}
#homebanner .homebanner .right .bannerform .wpcf7 table tr td textarea{margin:0;}
#homebanner .homebanner .right .bannerform .wpcf7 table tr td input[type="submit"]{}
#homebanner .homebanner .right .bannerform .wpcf7 table tr td input[type="submit"]:hover{}
#homebanner .homebanner .right .bannerform .wpcf7 div.wpcf7-response-output{color:yellow !important;}
#homebanner .homebanner .right .bannerform .wpcf7 div.wpcf7-mail-sent-ng{color:white !important;}
#homebanner .homebanner .right .bannerform .wpcf7 span.wpcf7-not-valid-tip{color:yellow !important;}
#homebanner .homebanner .right .bannerform .wpcf7 div.wpcf7-validation-errors{color:yellow !important;}
#services{display:table;width:100%;}
#services .services{display:grid;width:84%;gap:1.5em 2%;grid-template-columns:48% 48%;margin:5em auto;}
#services .services li{display:table;}
#services .services li div{display:table-cell;vertical-align:middle;}
#services .services li div img{display:table;width:100%;margin:0;border:2px solid #d1212b;}
#services .services li .imgblock{width:50%;position:relative;}
#services .services li a .imgblock .brief{position:absolute;top:0;left:0;height:100%;width:100%;background:#d1212b;color:#fff;display:flex;flex-direction:column;text-align:center;justify-content:center;padding:1em;font-size:1.111em;line-height:1.333em;opacity:0;z-index:1;transition:0.5s;}
#services .services li a:hover .imgblock .brief{opacity:1;}
#services .services .one{font-size:1.667em;font-weight:700;color:#000;cursor:pointer;line-height:3em;text-align:right;padding:0 3em 0 0;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/a.webp) center right 1em no-repeat;background-size:1em;margin:2em 0;}
#services .services .one:hover{color:#d1212b;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/aa.webp) center right 1em no-repeat;background-size:1em;}
#services .services .two{font-size:1.667em;font-weight:700;color:#000;cursor:pointer;line-height:3em;text-align:right;padding:0 3em 0 0;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/b.webp) center right 1em no-repeat;background-size:1em;margin:2em 0;}
#services .services .two:hover{color:#d1212b;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/bb.webp) center right 1em no-repeat;background-size:1em;}
#services .services .three{font-size:1.667em;font-weight:700;color:#000;cursor:pointer;line-height:3em;text-align:left;padding:0 0 0 3em;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/c.webp) center left 1em no-repeat;background-size:1em;margin:2em 0;}
#services .services .three:hover{color:#d1212b;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/cc.webp) center left 1em no-repeat;background-size:1em;}
#services .services .four{font-size:1.667em;font-weight:700;color:#000;cursor:pointer;line-height:3em;text-align:left;padding:0 0 0 3em;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/d.webp) center left 1em no-repeat;background-size:1em;margin:2em 0;}
#services .services .four:hover{color:#d1212b;background:url(//www.aceroofsystems.com/wp-content/themes/aceroof/images/dd.webp) center left 1em no-repeat;background-size:1em;}
#container #content a{color:#d1212b;}
#container #content a:hover{color:#000;}
#container{width:84%;display:table;margin:0 auto;padding:3em 0 3em 0;}
#content{float:left;width:71%;}
#sidebar{float:right;width:27%;}
#container #content h1{font-family:'Roboto Slab', serif;font-weight:700;letter-spacing:-0.02em;font-size:2.667em;line-height:1.35em;margin:0 0 0.5em 0;color:#1f1600;}
#container #content h2{font-family:'Roboto Slab', serif;font-weight:700;letter-spacing:-0.02em;font-size:2em;line-height:1.35em;margin:0 0 0.600em 0;color:#000;}
#container #content h3{font-family:'Roboto Slab', serif;font-weight:700;letter-spacing:-0.02em;font-size:1.75em;line-height:1.35em;margin:0 0 0.750em 0;color:#000;}
#container #content h4{font-family:'Roboto Slab', serif;font-weight:700;letter-spacing:-0.02em;font-size:1.5em;line-height:1.35em;margin:0 0 0.900em 0;color:#000;}
#container #content ul{line-height:1.5em;margin-bottom:1.5em;padding-left:1em;}
#container #content ul li{list-style:none;padding:0.5em 0 0.4em 1.35em;position:relative;}
#container #content ul li:before{content:"\f058";left:0;font-size:0.889em;position:absolute;font-family:"Font Awesome 5 Free";font-weight:400;color:#d1212b;}
#container #content ul li ul{margin-bottom:0.5em;}
#container #content ol{line-height:1.5em;margin-bottom:1.5em;padding-left:2em;list-style:decimal;}
#container #content ol li{padding:0.3em 0;}
#container #content .imgright{width:32%;float:right;margin:0 0 0.5em 1.5em;clear:right;}
#container #content .imgright img{width:100%;height:auto;margin:0;border:1px solid #919191;}
#container #content .threeimgs{display:table;width:100%;margin:0 0 2em 0;padding:0;}
#container #content .threeimgs li{width:32%;margin:0 2% 0 0;padding:0;list-style:none;background:none;float:left;}
#container #content .threeimgs li:last-child{margin:0;}
#container #content .threeimgs li img{display:table;width:100%;height:auto;margin:0;}
#container #content .threeimgs li:before{display:none;}
#container #content .threeimgs li.double{width:64%;margin:0 0 0 2%;}
.alignleft{float:left;margin:0 1.5em 0.5em 0;}
.alignright{float:right;margin:0 0 0.5em 1.5em;}
.alignnone{float:none;margin:1.5em auto;display:table;}
.aligncenter{float:none;margin:1.5em auto;display:table;}
.wpcf7 .wpcf7-form p{margin:0 !important;}
input{height:2.5em;font-family:'Roboto Slab', serif;font-weight:400;font-size:1.222em;width:100%;padding:0 0.75em;border:1px solid #ccc;margin:0 0 0.5em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.25);}
textarea{height:7em;font-family:'Roboto Slab', serif;font-weight:400;font-size:1.222em;width:100%;padding:0.5em 0.75em;border:1px solid #ccc;margin:0 0 0.5em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;resize:none;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.25);}
input[type="submit"]{display:table;font-family:'Roboto Slab', serif;text-decoration:none;color:#fff;font-size:1.222em;font-weight:400;line-height:2.5em;background:#000;cursor:pointer;cursor:hand;border:none;padding:0 1em;height:inherit;margin:0 auto 0 auto;width:100%;transition:.5s;}
input[type="submit"]:hover{background:#414142;color:#fff;}
div.wpcf7 .wpcf7-spinner{visibility:hidden;z-index:999;position:relative;top:-30px;right:10px;float:right;margin:0 0 -20px 0 !important;}
div.wpcf7 br{display:none;}
div.wpcf7-response-output{margin:10px 0 0 0 !important;padding:0 !important;color:yellow !important;text-align:center !important;font-size:1em !important;border:none !important;line-height:1.25em !important;}
div.wpcf7-mail-sent-ng{margin:10px 0 0 0 !important;padding:0 !important;color:white !important;text-align:center !important;font-size:1em !important;border:none !important;line-height:1.25em !important;}
span.wpcf7-not-valid-tip{margin:0 0 5px 0 !important;color:yellow !important;font-size:1em !important;font-weight:400 !important;text-align:left !important;line-height:1.25em !important;}
div.wpcf7-validation-errors{color:yellow !important;border:none !important;font-weight:400;margin:0.556em 0 !important;line-height:1.25em !important;}
div.wpcf7-mail-sent-ok{border:none !important;margin:0.556em 0 !important;line-height:1.25em !important;}
#searchform #s{width:75%;float:left;border:1px solid #ccc;margin:0;font-size:1.222em;line-height:2.5em;padding:0 1em;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.25);}
#searchform input[type="submit"]{width:25%;float:left;font-size:1.222em;line-height:2.5em;padding:0;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.25);}
.entry-meta{margin:0 0 1em 0;}
.entry-footer{border:1px solid #ededed;background:#fbfbfb;padding:0.25em 1em;display:table;width:100%;margin:1.5em 0 0 0;}
.cat-links{float:left;display:table;width:100%;padding:0;}
.tag-links{float:left;display:table;width:100%;padding:0;}
#nav-below{margin:1.5em 0 0 0;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}
#container #content article{margin:0 0 3em 0 !important;}
.blog #container #content article .size-post-thumbnail{width:360px;float:right;margin:0 0 0.5em 1.5em;clear:right;display:none;}
.single #container #content article .size-post-thumbnail{width:360px;float:right;margin:0 0 0.5em 1.5em;clear:right;display:none;}
.postmetadata{border:1px solid #ededed;background:#f9f9f9;padding:.75em;display:table;width:100%;margin:0;font-size:.883em;line-height:1.444em;color:#999;box-sizing:border-box;}
.archive-meta{display:table;width:100%;margin:0 0 1.5em 0;padding:1em;border:1px dashed #d1212b;font-size:1.222em;font-style:italic;line-height:1.444em;color:#000;}
.sidebarform{display:table;width:100%;background:#d1212b;padding:2em;margin:0 0 1.5em 0;}
.sidebarform h3{font-family:'Roboto Slab', serif;font-size:1.667em;font-weight:700;text-align:center;color:#fff;margin:0 0 0.25em 0;}
.sidebarform .wpcf7{margin:0;}
.sidebarform .wpcf7 table{display:table;margin:0 auto;}
.sidebarform .wpcf7 table tr td{float:left;width:100%;padding:0.2em;}
.sidebarform .wpcf7 table tr td input{margin:0;}
.sidebarform .wpcf7 table tr td textarea{margin:0;}
.sidebarform .wpcf7 table tr td input[type="submit"]{}
.sidebarform .wpcf7 table tr td input[type="submit"]:hover{}
.sidebarform .wpcf7 div.wpcf7-response-output{color:yellow !important;}
.sidebarform .wpcf7 div.wpcf7-mail-sent-ng{color:white !important;}
.sidebarform .wpcf7 span.wpcf7-not-valid-tip{color:yellow !important;}
.sidebarform .wpcf7 div.wpcf7-validation-errors{color:yellow !important;}
.videocontainer{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.videocontainer .videosize{position:absolute;top:0;left:0;width:100%;height:100%;}
.videocontainer iframe{display:table;}
.contact{width:100%;display:table;}
.contact .address{width:48%;float:left;display:table;text-align:left;font-size:1em;}
.contact .hours{width:48%;float:right;display:table;}
.contact .map{clear:both;float:left;display:table;width:100%;margin:2em 0 0 0;}
.contact .map iframe{width:100%;height:450px;border:none;}
.map iframe{width:100%;height:450px;border:none;}
.ngg-gallery-thumbnail img{width:100%;}
#fancybox-img{}
#fancybox-outer{}
#fancybox-content {}@media only screen and (max-width : 2400px) and (min-width : 2201px) {
body{font-size:20px;}
}
@media only screen and (max-width : 2200px) and (min-width : 1921px) {
body{font-size:19px;}
}
@media only screen and (max-width : 1920px) and (min-width : 1751px) {
body{font-size:18px;}
}
@media only screen and (max-width : 1750px) and (min-width : 1601px) {
body{font-size:17px;}
}
@media only screen and (max-width : 1600px) and (min-width : 1401px) {
body{font-size:16px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.5em !important;height:2.5em !important;padding:0px 1em 0px 1em !important;font-size:1.333em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:auto !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1.222em !important;padding:0px 1.091em 0px 1.091em !important;line-height:2.273em !important;white-space:nowrap;}
#header .header{width:92%;}
#featuredblog ul{width:92%;}
#conklincontent .conklincontent{width:92%;}
#homeform ul{width:92%;}
#roofingsystems .roofingsystems{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#homebanner .homebanner{width:92%;}
#services .services{width:92%;}
#container{width:92%;}
.tagline{font-size:2.444em;}
#homebanner .homebanner .left h1{font-size:2.667em;}
.page-template-front-page #container #homecontent .homecontent p{font-size:1.222em;}
#services .services{font-size:0.667em !important;}
#roofingsystems .roofingsystems h2{font-size:2.444em;}
#roofingsystems .roofingsystems ul li .picture h3{font-size:1.333em;}
#roofingsystems .roofingsystems ul li{font-size:1.222em;}
#conklincontent .conklincontent .textwidget{font-size:1.333em;}
#featuredblog ul li:first-child h2{font-size:2.444em;}
#featuredblog ul li:first-child h3{font-size:1.778em;}
#featuredblog ul li:first-child .postexcerpt{font-size:1.222em;}
#featuredblog ul li:first-child .readmore{font-size:1.111em;}
#homeform ul li:last-child h3{font-size:2.444em;}
#homeform ul li:last-child .call{font-size:2.667em;}
#locations{font-size:1.333em;}
#footer .footerinfo li:nth-child(2){font-size:1.222em;}
#footer .footerinfo li:nth-child(3) a.phone{font-size:2.111em;}
#footer .footerinfo li:nth-child(3) a.email{font-size:1.111em;}
#header .header li:nth-child(3) a.phone{font-size:2.222em;}
#header .header li:nth-child(3) a.quote{font-size:1.222em;}
#container #content h1{font-size:2.444em;}
#container #content h2{font-size:2em;}
#container #content h3{font-size:1.667em;}
#container #content h4{font-size:1.333em;}
}
@media only screen and (max-width : 1400px) and (min-width : 1249px) {
body{font-size:15px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.5em !important;height:2.5em !important;padding:0px 1em 0px 1em !important;font-size:1.333em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:auto !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1.222em !important;padding:0px 1.091em 0px 1.091em !important;line-height:2.273em !important;white-space:nowrap;}
#header .header{width:92%;}
#featuredblog ul{width:92%;}
#conklincontent .conklincontent{width:92%;}
#homeform ul{width:92%;}
#roofingsystems .roofingsystems{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#homebanner .homebanner{width:92%;}
#services .services{width:92%;}
#container{width:92%;}
.tagline{font-size:2.444em;}
#homebanner .homebanner .left h1{font-size:2.667em;}
.page-template-front-page #container #homecontent .homecontent p{font-size:1.222em;}
#services .services{font-size:0.667em !important;}
#roofingsystems .roofingsystems h2{font-size:2.444em;}
#roofingsystems .roofingsystems ul li .picture h3{font-size:1.333em;}
#roofingsystems .roofingsystems ul li{font-size:1.222em;}
#conklincontent .conklincontent .textwidget{font-size:1.333em;}
#featuredblog ul li:first-child h2{font-size:2.444em;}
#featuredblog ul li:first-child h3{font-size:1.778em;}
#featuredblog ul li:first-child .postexcerpt{font-size:1.222em;}
#featuredblog ul li:first-child .readmore{font-size:1.111em;}
#homeform ul li:last-child h3{font-size:2.444em;}
#homeform ul li:last-child .call{font-size:2.667em;}
#locations{font-size:1.333em;}
#footer .footerinfo li:nth-child(2){font-size:1.222em;}
#footer .footerinfo li:nth-child(3) a.phone{font-size:2.111em;}
#footer .footerinfo li:nth-child(3) a.email{font-size:1.111em;}
#header .header li:nth-child(3) a.phone{font-size:2.222em;}
#header .header li:nth-child(3) a.quote{font-size:1.222em;}
#container #content h1{font-size:2.444em;}
#container #content h2{font-size:2em;}
#container #content h3{font-size:1.667em;}
#container #content h4{font-size:1.333em;}
}
@media only screen and (max-width : 1248px) and (min-width : 1141px) {
body{font-size:15px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.5em !important;height:2.5em !important;padding:0px 1em 0px 1em !important;font-size:1.333em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:auto !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1.222em !important;padding:0px 1.091em 0px 1.091em !important;line-height:2.273em !important;white-space:nowrap;}
#header .header{width:92%;}
#featuredblog ul{width:92%;}
#conklincontent .conklincontent{width:92%;}
#homeform ul{width:92%;}
#roofingsystems .roofingsystems{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#homebanner .homebanner{width:92%;}
#services .services{width:92%;}
#container{width:92%;}
.tagline{font-size:2.444em;}
#homebanner .homebanner .left h1{font-size:2.444em;}
.page-template-front-page #container #homecontent .homecontent p{font-size:1.111em;}
#services .services{font-size:0.667em !important;}
#roofingsystems .roofingsystems h2{font-size:2.222em;}
#roofingsystems .roofingsystems ul li .picture h3{font-size:1.222em;}
#roofingsystems .roofingsystems ul li{font-size:1.111em;}
#conklincontent .conklincontent .textwidget{font-size:1.222em;}
#featuredblog ul li:first-child h2{font-size:2.222em;}
#featuredblog ul li:first-child h3{font-size:1.667em;}
#featuredblog ul li:first-child .postexcerpt{font-size:1.111em;}
#featuredblog ul li:first-child .readmore{font-size:1em;}
#homeform ul li:last-child h3{font-size:2.222em;}
#homeform ul li:last-child .call{font-size:2.444em;}
#locations{font-size:1.222em;}
#footer .footerinfo li:nth-child(2){font-size:1.111em;}
#footer .footerinfo li:nth-child(3) a.phone{font-size:2em;}
#footer .footerinfo li:nth-child(3) a.email{font-size:1em;}
#header .header li:nth-child(3) a.phone{font-size:2.111em;}
#header .header li:nth-child(3) a.quote{font-size:1.111em;}
#container #content h1{font-size:2.222em;}
#container #content h2{font-size:1.778em;}
#container #content h3{font-size:1.667em;}
#container #content h4{font-size:1.333em;}
}
@media only screen and (max-width : 1140px) and (min-width : 1025px) {
body{font-size:14px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.5em !important;height:2.5em !important;padding:0px 1em 0px 1em !important;font-size:1.333em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:auto !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1.222em !important;padding:0px 1.091em 0px 1.091em !important;line-height:2.273em !important;white-space:nowrap;}
#header .header{width:92%;}
#featuredblog ul{width:92%;}
#conklincontent .conklincontent{width:92%;}
#homeform ul{width:92%;}
#roofingsystems .roofingsystems{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#homebanner .homebanner{width:92%;}
#services .services{width:92%;}
#container{width:92%;}
.tagline{font-size:2.444em;}
#homebanner .homebanner .left h1{font-size:2.667em;}
.page-template-front-page #container #homecontent .homecontent p{font-size:1.222em;}
#services .services{font-size:0.667em !important;}
#roofingsystems .roofingsystems h2{font-size:2.444em;}
#roofingsystems .roofingsystems ul li .picture h3{font-size:1.333em;}
#roofingsystems .roofingsystems ul li{font-size:1.222em;}
#conklincontent .conklincontent .textwidget{font-size:1.333em;}
#featuredblog ul li:first-child h2{font-size:2.444em;}
#featuredblog ul li:first-child h3{font-size:1.778em;}
#featuredblog ul li:first-child .postexcerpt{font-size:1.222em;}
#featuredblog ul li:first-child .readmore{font-size:1.111em;}
#homeform ul li:last-child h3{font-size:2.444em;}
#homeform ul li:last-child .call{font-size:2.667em;}
#locations{font-size:1.333em;}
#footer .footerinfo li:nth-child(2){font-size:1.222em;}
#footer .footerinfo li:nth-child(3) a.phone{font-size:2.111em;}
#footer .footerinfo li:nth-child(3) a.email{font-size:1.111em;}
#header .header li:nth-child(3) a.phone{font-size:2.222em;}
#header .header li:nth-child(3) a.quote{font-size:1.222em;}
#container #content h1{font-size:2.444em;}
#container #content h2{font-size:2em;}
#container #content h3{font-size:1.667em;}
#container #content h4{font-size:1.333em;}
}
@media only screen and (max-width : 1024px) and (min-width : 901px) {
body{font-size:13px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.5em !important;height:2.5em !important;padding:0px 1em 0px 1em !important;font-size:1.333em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:auto !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1.222em !important;padding:0px 1.091em 0px 1.091em !important;line-height:2.273em !important;white-space:nowrap;}
#header .header{width:92%;}
#featuredblog ul{width:92%;}
#conklincontent .conklincontent{width:92%;}
#homeform ul{width:92%;}
#roofingsystems .roofingsystems{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#homebanner .homebanner{width:92%;}
#services .services{width:92%;}
#container{width:92%;}
.tagline{font-size:2.444em;}
#homebanner .homebanner .left h1{font-size:2.667em;}
.page-template-front-page #container #homecontent .homecontent p{font-size:1.222em;}
#services .services{font-size:0.667em !important;}
#roofingsystems .roofingsystems h2{font-size:2.444em;}
#roofingsystems .roofingsystems ul li .picture h3{font-size:1.333em;}
#roofingsystems .roofingsystems ul li{font-size:1.222em;}
#conklincontent .conklincontent .textwidget{font-size:1.333em;}
#featuredblog ul li:first-child h2{font-size:2.444em;}
#featuredblog ul li:first-child h3{font-size:1.778em;}
#featuredblog ul li:first-child .postexcerpt{font-size:1.222em;}
#featuredblog ul li:first-child .readmore{font-size:1.111em;}
#homeform ul li:last-child h3{font-size:2.444em;}
#homeform ul li:last-child .call{font-size:2.667em;}
#locations{font-size:1.333em;}
#footer .footerinfo li:nth-child(2){font-size:1.222em;}
#footer .footerinfo li:nth-child(3) a.phone{font-size:2.111em;}
#footer .footerinfo li:nth-child(3) a.email{font-size:1.111em;}
#header .header li:nth-child(3) a.phone{font-size:2.222em;}
#header .header li:nth-child(3) a.quote{font-size:1.222em;}
#container #content h1{font-size:2.444em;}
#container #content h2{font-size:2em;}
#container #content h3{font-size:1.667em;}
#container #content h4{font-size:1.333em;}
}
@media only screen and (max-width : 900px) and (min-width : 801px) {
body{font-size:12px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.5em !important;height:2.5em !important;padding:0px 1em 0px 1em !important;font-size:1.333em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:auto !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1.222em !important;padding:0px 1.091em 0px 1.091em !important;line-height:2.273em !important;white-space:nowrap;}
#header .header{width:92%;}
#featuredblog ul{width:92%;}
#conklincontent .conklincontent{width:92%;}
#homeform ul{width:92%;}
#roofingsystems .roofingsystems{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#homebanner .homebanner{width:92%;}
#services .services{width:92%;}
#container{width:92%;}
.tagline{font-size:2.444em;}
#homebanner .homebanner .left h1{font-size:2.667em;}
.page-template-front-page #container #homecontent .homecontent p{font-size:1.222em;}
#services .services{font-size:0.667em !important;}
#roofingsystems .roofingsystems h2{font-size:2.444em;}
#roofingsystems .roofingsystems ul li .picture h3{font-size:1.333em;}
#roofingsystems .roofingsystems ul li{font-size:1.222em;}
#conklincontent .conklincontent .textwidget{font-size:1.333em;}
#featuredblog ul li:first-child h2{font-size:2.444em;}
#featuredblog ul li:first-child h3{font-size:1.778em;}
#featuredblog ul li:first-child .postexcerpt{font-size:1.222em;}
#featuredblog ul li:first-child .readmore{font-size:1.111em;}
#homeform ul li:last-child h3{font-size:2.444em;}
#homeform ul li:last-child .call{font-size:2.667em;}
#locations{font-size:1.333em;}
#footer .footerinfo li:nth-child(2){font-size:1.222em;}
#footer .footerinfo li:nth-child(3) a.phone{font-size:2.111em;}
#footer .footerinfo li:nth-child(3) a.email{font-size:1.111em;}
#header .header li:nth-child(3) a.phone{font-size:2.222em;}
#header .header li:nth-child(3) a.quote{font-size:1.222em;}
#container #content h1{font-size:2.444em;}
#container #content h2{font-size:2em;}
#container #content h3{font-size:1.667em;}
#container #content h4{font-size:1.333em;}
#conklincontent .conklincontent .textwidget ul li{width:100%;}
}
@media only screen and (max-width : 800px) {
body{font-size:16px;}
#content{width:100%;margin:0 0 3em 0;}
#sidebar{width:100%;}
#container{width:92%;}
#header .header{width:92%;}
#featuredblog ul{width:92%;}
#conklincontent .conklincontent{width:92%;}
#homeform ul{width:92%;}
#roofingsystems .roofingsystems{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#homebanner .homebanner{width:92%;}
#services .services{width:92%;}
.tagline{font-size:2.222em;}
#homebanner .homebanner .left h1{font-size:2.222em;}
.page-template-front-page #container #homecontent .homecontent p{font-size:1.111em;}
#services .services{font-size:0.667em !important;}
#roofingsystems .roofingsystems h2{font-size:2em;}
#roofingsystems .roofingsystems ul li .picture h3{font-size:1.222em;}
#roofingsystems .roofingsystems ul li{font-size:1.111em;}
#conklincontent .conklincontent .textwidget{font-size:1.222em;}
#featuredblog ul li:first-child h2{font-size:2.222em;}
#featuredblog ul li:first-child h3{font-size:1.556em;}
#featuredblog ul li:first-child .postexcerpt{font-size:1.111em;}
#featuredblog ul li:first-child .readmore{font-size:1em;}
#homeform ul li:last-child h3{font-size:2.222em;}
#homeform ul li:last-child .call{font-size:2.444em;}
#locations{font-size:1.222em;}
#footer .footerinfo li:nth-child(2){font-size:1.111em;}
#footer .footerinfo li:nth-child(3) a.phone{font-size:2em;}
#footer .footerinfo li:nth-child(3) a.email{font-size:1em;}
#header .header li:nth-child(3) a.phone{font-size:2em;}
#header .header li:nth-child(3) a.quote{font-size:1em;}
#container #content h1{font-size:2em;}
#container #content h2{font-size:1.778em;}
#container #content h3{font-size:1.667em;}
#container #content h4{font-size:1.333em;}
#locations br{display:none;}
#footer .footerinfo li{display:table;width:100% !important;}
#footer .footerinfo li:nth-child(1){margin:0 auto 1em auto;}
#footer .footerinfo li:nth-child(1) img{float:none;margin:0 auto 0 auto;}
#footer .footerinfo li:nth-child(2){text-align:center;}
#footer .footerinfo li:nth-child(2) .social{margin:0.5em auto 1em auto;}
#footer .footerinfo li:nth-child(3) a{margin:0 auto 0 auto;float:none;}
#footer .footerinfo li{text-align:center;}
#footer .footerinfo li:nth-child(4){margin:1em 0 0 0;}
#homeform ul li{display:table;width:100% !important;}
#homeform ul li:nth-child(2){height:2em;}
#featuredblog ul{display:flex;flex-direction:column;}
#featuredblog ul li{display:table;width:100% !important;padding:0 !important;}
#featuredblog ul li:last-child{height:25em;margin:0 0 2em 0;order:1;}
#featuredblog ul li:first-child{order:2;}
#conklincontent .conklincontent .textwidget ul li{width:100%;}
#roofingsystems .roofingsystems ul{gap:2em 0;grid-template-columns:100%;}
#homebanner .homebanner .left{display:table;width:100%;margin:6em 0 2em 0;}
#homebanner .homebanner .right{display:table;width:100%;}
#homebanner .homebanner{margin:20em auto 0 auto;}
#header .header li{display:table;width:100% !important;}
#header .header li:nth-child(1){margin:0 0 1em 0}
#header .header li:nth-child(1) img{float:none;margin:0 auto;}
#header .header li:nth-child(2){margin:0 0 1em 0}
#header .header li:nth-child(3){margin:2em 0 2em 0}
#header .header li:nth-child(4) img{float:none;margin:0 auto;}
}
@media only screen and (max-width : 690px) {
#container #content .imgright{width:100%;}
.contact .address{width:100%;margin:0 0 2em 0;}
.contact .hours{width:100%;margin:0 0 2em 0;}
#homeform ul li:last-child{padding:2em;}
#services .services{gap:1.5em 0;grid-template-columns:100%;}
}
@media only screen and (max-width : 480px) {
#container #content .threeimgs li {
width: 100%;
margin: 0 0 1em 0;
}
#container #content .imgright {
width: 100%;
margin: 0 0 1em 0;
}
#container #content ul {
float: left;
width: 100%;
}
#container #content h1 {
font-size: 2em;
}
#container #content h2 {
font-size: 1.667em;
}
#container #content h3 {
font-size: 1.444em;
}
#container #content h4 {
font-size: 1.222em;
}
#header .header li:nth-child(3) a {
margin: 0.25em auto !important;
}
#homeform ul li:last-child table tr td {
float: left;
width: 100%;
}
#homeform ul li:last-child table tr td input[type="submit"] {
width: 100%;
}
}