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", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.444em;
letter-spacing: -0.02em;
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%;background:rgba(241, 86, 56, 0.8);}
.page-template-front-page #header{position:absolute;z-index:1;max-width:2400px;}
#branding{display:table;width:1500px;margin:3em auto 3em auto;}
#branding .left{display:table-cell;vertical-align:middle;width:33%;}
#branding .left img{display:table;margin:0;float:left;width:23em;max-width:100%;}
#branding .right{display:table-cell;vertical-align:middle;width:50%;}
#branding .right .phone{display:table;margin:0 0 4em 0;float:right;}
#branding .right .phone a{display:table;font-size:3.333em;font-weight:400;line-height:1em;color:#000;}
#branding .right .phone a:hover{color:#fff;}
#branding .right .social{clear:both;display:table;margin:0;float:right;}
#branding .right .social a{display:table;font-size:2.667em;color:#fff;line-height:1em;}
#branding .right .social a:hover{color:#000;}
.headermenu{display:table;width:100%;background:#000;}
#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{white-space:nowrap !important;}
#footer{display:table;width:100%;background:#f15638;}
#footer .footerinfo{display:grid;gap:0 3.5%;grid-template-columns:31% 31% 31%;width:1500px;margin:3em auto 3em auto;}
#footer .footerinfo .left{background:#000;padding:0 2em;position:relative;}
#footer .footerinfo .left:before{content:"";display:table;width:100%;height:6em;background:#000;position:absolute;left:0;right:0;top:-6em;}
#footer .footerinfo .left:after{content:"";display:table;width:100%;height:6em;background:#000;position:absolute;left:0;right:0;bottom:-6em;}
#footer .footerinfo .left img{display:table;margin:0 auto;width:16em;max-width:100%;}
#footer .footerinfo .middle{background:#fff;padding:2em;}
#footer .footerinfo .middle #menu{display:table;float:left;}
#footer .footerinfo .middle #menu h3{font-size:1.333em;font-weight:700;color:#f15638;text-transform:uppercase;}
#footer .footerinfo .middle #menu ul li{font-size:1.333em;text-transform:uppercase;line-height:1.333em;}
#footer .footerinfo .middle #menu ul li a{color:#000;}
#footer .footerinfo .middle #menu ul li a:hover{color:#f15638;}
#footer .footerinfo .right{background:#fff;padding:2em;}
#footer .footerinfo .right h3{font-size:1.333em;font-weight:700;color:#f15638;text-transform:uppercase;}
#footer .footerinfo .right .contactinfo{font-size:1.333em;line-height:1.333em;}
#footer .footerinfo .right .contactinfo hr{display:table;width:100%;margin:0.5em 0;background:none;border-top:1px dashed #f15638;border-bottom:none;}
#footer .footerinfo .right .contactinfo a{color:#000;}
#footer .footerinfo .right .contactinfo a:hover{color:#f15638;}
#copyright{display:table;width:100%;font-size:0.833em;font-weight:400;text-align:right;line-height:1.333em;padding:1em;}
#copyright .copyright{display:table;width:1500px;margin:0 auto 0 auto;}
#copyright .copyright a{color:#000;}
#copyright .copyright a:hover{color:#f15638;}
#homebanner{display:table;width:100%;}
#homebanner img{display:table;width:100%;margin:0;}
#homebanner .metaslider .flexslider{margin:0;}
#homebanner .metaslider .flex-control-nav{bottom:2em;}
#homebanner .flex-control-paging li a{background:#f15638;}
#homebanner .flex-control-paging li a.flex-active{background:#fff;}
#homebanner .metaslider .caption-wrap{background:none;color:#000;font-weight:700;font-size:3.333em;opacity:1;width:1500px;margin:0 auto;left:0;right:0;bottom:10%;}
#homebanner .metaslider .caption-wrap h1{line-height:1.111em;}
#serving{display:table;width:100%;}
#serving .serving{display:table;width:1500px;margin:4em auto 4em auto;}
#serving .serving h3{font-size:3.333em;font-weight:700;line-height:1.222em;text-align:center;text-transform:uppercase;margin:0 0 0.5em 0;}
#serving .serving h4{font-size:2.667em;font-weight:300;font-style:italic;line-height:1.222em;text-align:center;text-transform:uppercase;margin:0;position:relative;}
#serving .serving h4:before{content:"";display:inline-table;vertical-align:middle;width:2em;height:2em;background:url(//www.gritroofing.com/wp-content/themes/grit/images/before-after.webp) center no-repeat;background-size:contain;margin:0 0.25em 0 0;}
#serving .serving h4:after{content:"";display:inline-table;vertical-align:middle;width:2em;height:2em;background:url(//www.gritroofing.com/wp-content/themes/grit/images/before-after.webp) center no-repeat;background-size:contain;margin:0 0 0 0.25em;}
#grit{display:table;width:100%;background:#f15638;}
#grit .grit{display:table;width:1500px;margin:2em auto 0 auto;}
#grit .grit h3{font-size:3.333em;font-weight:800;font-style:italic;line-height:1.222em;text-align:center;text-transform:uppercase;color:#fff;margin:0 0 0.5em 0;}
#grit .grit ul{display:table;width:100%;margin:0;}
#grit .grit ul li{display:table-cell;vertical-align:top;width:25%;font-size:1.333em;line-height:1.333em;text-align:center;padding:2em 1em;position:relative;}
#grit .grit ul li:nth-of-type(even){background:rgba(255, 255, 255, 0.5);}
#grit .grit ul li:nth-of-type(odd){background:rgba(255, 255, 255, 0.75);}
#grit .grit ul li:before{content:"";display:table;margin:0 auto;font-size:3.333em;font-weight:800;line-height:1em;text-align:center;text-transform:uppercase;color:#000;}
#grit .grit ul li:nth-child(1):before{content:"G";}
#grit .grit ul li:nth-child(2):before{content:"R";}
#grit .grit ul li:nth-child(3):before{content:"I";}
#grit .grit ul li:nth-child(4):before{content:"T";}
#about{display:table;width:100%;background:url(//www.gritroofing.com/wp-content/themes/grit/images/background.webp) right bottom no-repeat #f15638;}
#about .about{display:grid;gap:0 3.5%;grid-template-columns:65.5% 31%;width:1500px;margin:6em auto 6em auto;}
#about .about h3{font-size:3.333em;font-weight:800;line-height:1.111em;text-transform:uppercase;color:#fff;margin:0 0 0.5em 0;}
#about .about h4{font-size:2em;font-weight:700;font-style:italic;line-height:1.222em;color:#fff;}
#about .about li:first-child ul{display:grid;gap:0 5.5%;grid-template-columns:47.25% 47.25%;width:100%;margin:2em 0 0 0;}
#about .about li:first-child ul li img{display:table;width:100%;margin:0;}
#about .about li:last-child{font-size:1.333em;line-height:1.333em;color:#fff;}
#about .about li:last-child a{display:table;width:auto;font-size:1.333em;font-weight:800;color:#fff;line-height:1em;background:#000;padding:0.65em 1em;}
#about .about li:last-child a:hover{color:#f15638;background:#fff;}
#projects{display:table;width:100%;}
#projects .projects{display:table;width:1500px;margin:6em auto 3em auto;}
#projects .projects .widget{display:grid;gap:0 0;grid-template-columns:31% 69%;width:100%;background:#f15638;}
#projects .projects .widget h3{font-size:3.333em;font-weight:700;line-height:1.111em;text-transform:uppercase;color:#fff;padding:1em;}
#projects .projects .widget img{}
#projects .projectspics{display:grid;gap:0 3.5%;grid-template-columns:31% 31% 31%;width:1500px;margin:0 auto 7em auto;}
#projects .projectspics img{display:table;width:100%;margin:0;}
.page-template-front-page #container{display:table;width:100%;margin:0;padding:0;}
.page-template-front-page #container #homecontent{display:table;width:100%;}
.page-template-front-page #container #homecontent .homecontent{float:none;width:1500px;margin:0 auto 0 auto;}
.page-template-front-page #container #homecontent .homecontent header{display:none;}
.page-template-front-page #container #homecontent .homecontent .entry-content{}
.page-template-front-page #container #homecontent .homecontent .entry-content p{margin:0 0 1.5em 0;}
.page-template-front-page #container #homecontent .homecontent .entry-content p:empty{display:none;}
.page-template-front-page #container #homecontent .homecontent .entry-content p:last-of-type{margin:0;}
.page-template-front-page #container #homecontent .homecontent .contents{display:table;width:100%;margin:0 0 4em 0;}
.page-template-front-page #container #homecontent .homecontent .contents .left{display:table-cell;vertical-align:middle;width:50%;}
.page-template-front-page #container #homecontent .homecontent .contents .left img{display:table;width:100%;max-width:100%;margin:0;}
.page-template-front-page #container #homecontent .homecontent .right{display:table-cell;vertical-align:middle;width:50%;}
.page-template-front-page #container #homecontent .homecontent .right .paragraph{display:table;width:100%;padding:2em 0 2em 2em;font-size:1.333em;line-height:1.444em;}
.page-template-front-page #container #homecontent .homecontent .right .highlight{display:table;width:100%;padding:2em 1.714em;background:#f15638;font-size:1.556em;line-height:1.444em;color:#fff;}
.page-template-front-page #container #homecontent .homecontent .right .highlight hr{display:table;width:100%;margin:0.5em 0;background:none;border-top:1px dashed #fff;border-bottom:none;}
.page-template-front-page #container #homecontent .homecontent .contents .right img{display:table;width:auto;max-width:100%;margin:1.5em auto 0 auto;}
.page-template-front-page #container #homecontent .homecontent .right .centered{text-align:center;}
#container #content a{color:#f15638;}
#container #content a:hover{color:#000;}
#container{width:1500px;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", sans-serif;font-weight:700;letter-spacing:-0.02em;font-size:2.667em;line-height:1.35em;margin:0 0 0.5em 0;}
#container #content h2{font-family:"Roboto", sans-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", sans-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", sans-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:#f15638;}
#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;}
#container #content .threeimgs{display:table;width:100%;padding:0;margin:0 0 2em 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;}
#container #content .threimgsgrid{display:grid;gap:0 1%;grid-template-columns:15.83% 15.83% 15.83% 15.83% 15.83% 15.83%;width:100%;padding:0;margin:0 0 2em 0;}
#container #content .threimgsgrid li{list-style:none;padding:0;font-size:0.889em;font-weight:400;line-height:1.222em;position:relative;}
#container #content .threimgsgrid li img{display:table;width:100%;height:auto;margin:0 0 0.5em 0;}
#container #content .threimgsgrid li:before{display:none;}
#container #content .threimgsgrid li em{display:table;background:#f15638;color:#fff;font-weight:700;font-style:normal;width:2em;line-height:2em;text-align:center;position:absolute;left:0;top:0;}
#container #content .threimgsgrid li strong{display:block;min-height:6em;overflow:hidden;width:100%;padding:2.5em 1em 1em 1em;box-sizing:border-box;background:#f7f7f7;margin:0 0 0.75em 0;}
.wpcf7 .wpcf7-form p{margin:0 !important;}
input{height:2.778em;font-family:"Roboto", sans-serif;font-weight:400;font-size:1em;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 5px rgba(0, 0, 0, 0.25);}
textarea{height:7em;font-family:"Roboto", sans-serif;font-weight:400;font-size:1em;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 5px rgba(0, 0, 0, 0.25);}
input[type="submit"]{display:table;font-family:"Roboto", sans-serif;text-decoration:none;color:#fff;font-size:1em;font-weight:700;line-height:2.778em;text-transform:uppercase;background:#f15638;cursor:pointer;cursor:hand;border:none;padding:0 1em;height:inherit;margin:0 auto 0 auto;width:100%;transition:.5s;}
input[type="submit"]:hover{color:#fff;background:#000;}
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:1em;line-height:2.222em;padding:0 1em;box-shadow:1px 1px 2px #333;}
#searchform input[type="submit"]{width:25%;float:left;font-size:1em;line-height:2.778em;padding:0;box-shadow:1px 1px 2px #333;}
.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{display:none;width:32%;float:right;margin:0 0 0.5em 1.5em;clear:right;}
.single #container #content article .size-post-thumbnail{display:none;width:32%;float:right;margin:0 0 0.5em 1.5em;clear:right;}
.sidebarform{display:table;width:100%;background:#f15638;padding:2em;margin:0 0 1.5em 0;}
.sidebarform h3{font-family:"Roboto", sans-serif;font-size:2em;font-weight:800;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.25em 0;}
.sidebarform .wpcf7 table tr td input{margin:0;}
.sidebarform .wpcf7 table tr td textarea{margin:0;}
.sidebarform .wpcf7 table tr td input[type="submit"]{color:#fff;background:#000;}
.sidebarform .wpcf7 table tr td input[type="submit"]:hover{color:#f15638;background:#fff;}
.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;}
.contact .map iframe{width:100%;height:450px;border:none;}
.ngg-gallery-thumbnail img{width:100%;}
.pum-container .wpcf7 table tr td input[type="submit"]{color:#fff;background:#000;}
.pum-container .wpcf7 table tr td input[type="submit"]:hover {
color: #f15638;
background: #fff;
}@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:18px;}
}
@media only screen and (max-width : 1600px) and (min-width : 1501px) {
body{font-size:17px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.916em !important;height:2.916em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.333em !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{line-height:2.778em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.333em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#copyright .copyright{width:92%;}
#homebanner .metaslider .caption-wrap{width:92%;}
#serving .serving{width:92%;}
#grit .grit{width:92%;}
#about .about{width:92%;}
#projects .projects{width:92%;}
#projects .projectspics{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
}
@media only screen and (max-width : 1500px) 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.916em !important;height:2.916em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.333em !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{line-height:2.778em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.333em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#copyright .copyright{width:92%;}
#homebanner .metaslider .caption-wrap{width:92%;}
#serving .serving{width:92%;}
#grit .grit{width:92%;}
#about .about{width:92%;}
#projects .projects{width:92%;}
#projects .projectspics{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#branding .right .phone a{font-size:3em;}
#homebanner .metaslider .caption-wrap{font-size:3em;}
#serving .serving h3{font-size:3em;}
#serving .serving h4{font-size:2.444em;}
#grit .grit h3{font-size:3em;}
#grit .grit ul li::before{font-size:3em;}
#about .about h3{font-size:3em;}
#about .about h4{font-size:1.778em;}
#projects .projects .widget h3{font-size:3em;}
}
@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.916em !important;height:2.916em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.333em !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{line-height:2.778em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.333em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#copyright .copyright{width:92%;}
#homebanner .metaslider .caption-wrap{width:92%;}
#serving .serving{width:92%;}
#grit .grit{width:92%;}
#about .about{width:92%;}
#projects .projects{width:92%;}
#projects .projectspics{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#branding .right .phone a{font-size:2.667em;}
#homebanner .metaslider .caption-wrap{font-size:2.667em;}
#serving .serving h3{font-size:2.667em;}
#serving .serving h4{font-size:2.222em;}
#grit .grit h3{font-size:2.667em;}
#grit .grit ul li::before{font-size:2.667em;}
#about .about h3{font-size:2.667em;}
#about .about h4{font-size:1.667em;}
#projects .projects .widget h3{font-size:2.667em;}
#about .about li:last-child a{font-size:1.111em;}
#grit .grit ul li{font-size:1.222em;}
.page-template-front-page #container #homecontent .homecontent .right .paragraph{font-size:1.222em;}
.page-template-front-page #container #homecontent .homecontent .right .highlight{padding:1.667em 1.714em;}
#about .about li:last-child{font-size:1.222em;}
#footer .footerinfo .middle #menu h3{font-size:1.222em;}
#footer .footerinfo .middle #menu ul li{font-size:1.222em;}
#footer .footerinfo .right h3{font-size:1.222em;}
#footer .footerinfo .right .contactinfo{font-size:1.222em;}
#container #content h1{font-size:2.222em;}
#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.916em !important;height:2.916em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.222em !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{line-height:2.778em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.222em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#copyright .copyright{width:92%;}
#homebanner .metaslider .caption-wrap{width:92%;}
#serving .serving{width:92%;}
#grit .grit{width:92%;}
#about .about{width:92%;}
#projects .projects{width:92%;}
#projects .projectspics{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#branding .right .phone a{font-size:2.667em;}
#homebanner .metaslider .caption-wrap{font-size:2.667em;}
#serving .serving h3{font-size:2.667em;}
#serving .serving h4{font-size:2.222em;}
#grit .grit h3{font-size:2.667em;}
#grit .grit ul li::before{font-size:2.667em;}
#about .about h3{font-size:2.667em;}
#about .about h4{font-size:1.667em;}
#projects .projects .widget h3{font-size:2.667em;}
#about .about li:last-child a{font-size:1.111em;}
#grit .grit ul li{font-size:1.111em;}
.page-template-front-page #container #homecontent .homecontent .right .paragraph{font-size:1.111em;}
.page-template-front-page #container #homecontent .homecontent .right .highlight{padding:1.667em 1.714em;font-size:1.333em;}
#about .about li:last-child{font-size:1.111em;}
#footer .footerinfo .middle #menu h3{font-size:1.111em;}
#footer .footerinfo .middle #menu ul li{font-size:1.111em;}
#footer .footerinfo .right h3{font-size:1.111em;}
#footer .footerinfo .right .contactinfo{font-size:1.111em;}
#container #content h1{font-size:2.222em;}
#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 : 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.916em !important;height:2.916em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.111em !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{line-height:2.778em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.111em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#copyright .copyright{width:92%;}
#homebanner .metaslider .caption-wrap{width:92%;}
#serving .serving{width:92%;}
#grit .grit{width:92%;}
#about .about{width:92%;}
#projects .projects{width:92%;}
#projects .projectspics{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#branding .right .phone a{font-size:2.667em;}
#homebanner .metaslider .caption-wrap{font-size:2.667em;}
#serving .serving h3{font-size:2.667em;}
#serving .serving h4{font-size:2.222em;}
#grit .grit h3{font-size:2.667em;}
#grit .grit ul li::before{font-size:2.667em;}
#about .about h3{font-size:2.667em;}
#about .about h4{font-size:1.667em;}
#projects .projects .widget h3{font-size:2.667em;}
#about .about li:last-child a{font-size:1.111em;}
#grit .grit ul li{font-size:1.111em;}
.page-template-front-page #container #homecontent .homecontent .right .paragraph{font-size:1.111em;}
.page-template-front-page #container #homecontent .homecontent .right .highlight{padding:1.667em 1.714em;font-size:1.333em;}
#about .about li:last-child{font-size:1.111em;}
#footer .footerinfo .middle #menu h3{font-size:1.111em;}
#footer .footerinfo .middle #menu ul li{font-size:1.111em;}
#footer .footerinfo .right h3{font-size:1.111em;}
#footer .footerinfo .right .contactinfo{font-size:1.111em;}
#container #content h1{font-size:2.222em;}
#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.916em !important;height:2.916em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1em !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{line-height:2.778em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#copyright .copyright{width:92%;}
#homebanner .metaslider .caption-wrap{width:92%;}
#serving .serving{width:92%;}
#grit .grit{width:92%;}
#about .about{width:92%;}
#projects .projects{width:92%;}
#projects .projectspics{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#branding .right .phone a{font-size:2.444em;}
#homebanner .metaslider .caption-wrap{font-size:2.444em;}
#serving .serving h3{font-size:2.444em;}
#serving .serving h4{font-size:2em;}
#grit .grit h3{font-size:2.444em;}
#grit .grit ul li::before{font-size:2.444em;}
#about .about h3{font-size:2.444em;}
#about .about h4{font-size:1.444em;}
#projects .projects .widget h3{font-size:2.444em;}
#about .about li:last-child a{font-size:1.111em;}
#grit .grit ul li{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .right .paragraph{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .right .highlight{padding:1.667em 1.714em;font-size:1.333em;}
#about .about li:last-child{font-size:1em;}
#footer .footerinfo .middle #menu h3{font-size:1em;}
#footer .footerinfo .middle #menu ul li{font-size:1em;}
#footer .footerinfo .right h3{font-size:1em;}
#footer .footerinfo .right .contactinfo{font-size:1em;}
#container #content h1{font-size:2.222em;}
#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.916em !important;height:2.916em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1em !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{line-height:2.778em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#copyright .copyright{width:92%;}
#homebanner .metaslider .caption-wrap{width:92%;}
#serving .serving{width:92%;}
#grit .grit{width:92%;}
#about .about{width:92%;}
#projects .projects{width:92%;}
#projects .projectspics{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#branding .right .phone a{font-size:2.444em;}
#homebanner .metaslider .caption-wrap{font-size:2.444em;}
#serving .serving h3{font-size:2.444em;}
#serving .serving h4{font-size:2em;}
#grit .grit h3{font-size:2.444em;}
#grit .grit ul li::before{font-size:2.444em;}
#about .about h3{font-size:2.444em;}
#about .about h4{font-size:1.444em;}
#projects .projects .widget h3{font-size:2.444em;}
#about .about li:last-child a{font-size:1.111em;}
#grit .grit ul li{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .right .paragraph{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .right .highlight{padding:1.667em 1.714em;font-size:1.333em;}
#about .about li:last-child{font-size:1em;}
#footer .footerinfo .middle #menu h3{font-size:1em;}
#footer .footerinfo .middle #menu ul li{font-size:1em;}
#footer .footerinfo .right h3{font-size:1em;}
#footer .footerinfo .right .contactinfo{font-size:1em;}
#container #content h1{font-size:2.222em;}
#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 : 800px) {
body{font-size:16px;}
#content{width:100%;margin:0 0 3em 0;}
#sidebar{width:100%;}
#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{line-height:2.556em !important;padding:0px 1.333em 0px 1.333em !important;font-size:1.333em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:100% !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;gap:1em 0;grid-template-columns:100%;}
#footer .footerinfo .left{padding:1em;}
#footer .footerinfo .left:before{display:none;}
#footer .footerinfo .left:after{display:none;}
#footer .footerinfo .left img{width:8em;}
#footer .footerinfo .middle{text-align:center;}
#footer .footerinfo .middle #menu{float:none;margin:0 auto;}
#footer .footerinfo .right{text-align:center;}
#copyright .copyright{width:92%;}
#homebanner .metaslider .caption-wrap{width:92%;}
#serving .serving{width:92%;}
#grit .grit{width:92%;}
#about .about{width:92%;gap:2em 0;grid-template-columns:100%;margin:4em auto 4em auto;}
#projects .projects{width:92%;margin:4em auto 1em auto;}
#projects .projectspics{width:92%;margin:0 auto 4em auto;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#branding .right .phone a{font-size:2em;}
#homebanner .metaslider .caption-wrap{font-size:2em;}
#serving .serving h3{font-size:2em;}
#serving .serving h4{font-size:1.778em;}
#grit .grit h3{font-size:2em;}
#grit .grit ul li::before{font-size:2em;}
#about .about h3{font-size:2em;}
#about .about h4{font-size:1.444em;}
#projects .projects .widget h3{font-size:2em;text-align:center;}
#about .about li:last-child a{font-size:1.111em;}
#grit .grit ul li{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .right .paragraph{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .right .highlight{padding:1.667em 1.714em;font-size:1.111em;}
#about .about li:last-child{font-size:1em;}
#footer .footerinfo .middle #menu h3{font-size:1em;}
#footer .footerinfo .middle #menu ul li{font-size:1em;}
#footer .footerinfo .right h3{font-size:1em;}
#footer .footerinfo .right .contactinfo{font-size:1em;}
#container #content h1{font-size:2.222em;}
#container #content h2{font-size:2em;}
#container #content h3{font-size:1.667em;}
#container #content h4{font-size:1.333em;}
.page-template-front-page #header{position:relative;}
#homebanner .metaslider .caption-wrap{bottom:15%;}
.page-template-front-page #container #homecontent .homecontent .contents{margin:0 0 2em 0;}
.page-template-front-page #container #homecontent .homecontent .contents .left{display:table;width:100%;}
.page-template-front-page #container #homecontent .homecontent .contents .right{display:table;width:100%;}
.page-template-front-page #container #homecontent .homecontent .right .paragraph{padding:2em 0;}
#projects .projects .widget{grid-template-columns:100%;}
#copyright{text-align:center;}
#branding .right .phone{margin:0 0 1em 0;}
#serving .serving h3 br{display:none;}
#serving .serving h4{font-size:1.222em;font-weight:400;}
#container #content .threimgsgrid{gap:2em 2%;grid-template-columns:32% 32% 32%;}
}
@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;}
#homebanner .metaslider .caption-wrap{font-size:1.444em;bottom:25%;position:relative;background:#000;color:#fff;width:100%;padding:1em 4vw;}
#homebanner .metaslider .flex-control-nav{bottom:-1em;}
#homebanner .flex-control-paging li a.flex-active{background:#000;}
#branding .left{display:table;width:100%;}
#branding .left img{margin:0 auto 1em auto;float:none;width:18em;}
#branding .right{display:table;width:100%;}
#branding .right .phone{float:none;margin:0 auto 1em auto;}
#branding .right .social{float:none;margin:0 auto 0 auto;}
}
@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%;
}
#grit .grit ul li {
display: table;
width: 100%;
}
#projects .projectspics {
gap: 1em 0;
grid-template-columns: 100%;
}
#container #content .threimgsgrid {
gap: 2em 2%;
grid-template-columns: 49% 49%;
}
}