/* ==============={ LOCAL WEB FONTS }=============== */ @font-face { font-family: "quicksandbold"; src: url("/Content/fonts/quicksand-bold-webfont.eot"); src: url("/Content/fonts/quicksand-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/quicksand-bold-webfont.woff2") format("woff2"), url("/Content/fonts/quicksand-bold-webfont.woff") format("woff"), url("/Content/fonts/quicksand-bold-webfont.ttf") format("truetype"), url("/Content/fonts/quicksand-bold-webfont.svg#quicksandbold") format("svg");font-weight: normal;font-style: normal;} @font-face { font-family: "quicksandlight"; src: url("/Content/fonts/quicksand-light-webfont.eot"); src: url("/Content/fonts/quicksand-light-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/quicksand-light-webfont.woff2") format("woff2"), url("/Content/fonts/quicksand-light-webfont.woff") format("woff"), url("/Content/fonts/quicksand-light-webfont.ttf") format("truetype"), url("/Content/fonts/quicksand-light-webfont.svg#quicksandlight") format("svg");font-weight: normal;font-style: normal;} @font-face { font-family: "quicksandregular"; src: url("/Content/fonts/quicksand-regular-webfont.eot"); src: url("/Content/fonts/quicksand-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/quicksand-regular-webfont.woff2") format("woff2"), url("/Content/fonts/quicksand-regular-webfont.woff") format("woff"), url("/Content/fonts/quicksand-regular-webfont.ttf") format("truetype"), url("/Content/fonts/quicksand-regular-webfont.svg#quicksandregular") format("svg");font-weight: normal;font-style: normal;} /* ==============={ Styles for validation helpers }=============== */ .field-validation-error {color: #ff0000; } .field-validation-valid {display: none; } .input-validation-error {border: 1px solid #ff0000; background-color: #ffeeee; } .validation-summary-errors {font-weight: bold; color: #ff0000; } .validation-summary-valid {display: none; } /* ==============={ Styles for editor and display helpers }=============== */ .display-label, .editor-label {margin: 1em 0 0 0; } .display-field, .editor-field {margin: 0.5em 0 0 0; } .text-box {width: 30em; } .text-box.multi-line {height: 6.5em; } .tri-state {width: 6em; } /* ==============={ Styles for validation helpers }=============== */ .field-validation-error {color: #f00; } .field-validation-valid {display: none; } .input-validation-error {border: 1px solid #f00; background-color: #ffeeee; } .validation-summary-errors {font-weight: bold; color: #f00; } .validation-summary-valid {display: none; } /* ==============={ Styles for File Management }=============== */ #DeleteSelectedFiles {background: none; border: 0; color: #2B94FF; cursor: pointer; } ul.FileManLinks li {display: inline; } ul.FileManLinks li a {text-decoration: underline; } p.FileManCwd {color: Gray; font-size: 1.2em; text-align: center; } ul.FileManOps li {display: inline; } ul.FileManip {margin-left: 150px; } ul.FileManip li {display: inline; padding: 0 3px; } #HelpOutput {border: 1px solid grey; margin-bottom: 20px; color: #2B94FF; } #FileManipSelectAllFiles {margin-left: 100px; } /* ==============={ Styles for Pagination }=============== */ #PaginationDisplay {} #PaginationDisplay a {} #PaginationDisplay .selected {} /* ============================================={ PRIMARY LAYOUT ELEMENTS }============================================= */ /* ============================================={ PRIMARY LAYOUT ELEMENTS }============================================= */ /* ============================================={ PRIMARY LAYOUT ELEMENTS }============================================= */ /* ============================================={ PRIMARY LAYOUT ELEMENTS }============================================= */ /* ============================================={ PRIMARY LAYOUT ELEMENTS }============================================= */ body{ font-size: 13px; font-family: "quicksandregular", Sans-Serif; margin: 0; padding: 0; color: #222; } #header{height:118px; background:#FFF; border-bottom:4px solid #cdcdcd; width:100%; float:left; } #open-button {background: none;border: medium none;cursor: pointer;float: left;height: 32px;margin: 42px 0 0 50px;padding: 0;position: relative;width: 33px;z-index:1;} #logo{margin:33px auto 0; width:209px; display:block; height:50px; position:relative;} @media only screen and (max-width : 360px){#logo{width:186px;margin-top:36px;}} #logo img{position:absolute; top:0; left:0;width:100%;} #logo img#logoImgHover{z-index:1; opacity:0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #logo:hover img#logoImgHover{opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #facebookIcon{position:absolute; top:0; right:0; width:32px; height:32px; margin:42px 50px 0 0; } #HomeBodyID #facebookIcon{margin:42px 285px 0 0;} @media only screen and (max-width : 1300px){#HomeBodyID #facebookIcon{margin-right:155px;}} #facebookIcon img{position:absolute; top:0; left:0;} #facebookIcon img#facebookImgHover{z-index:1; opacity:0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #facebookIcon:hover img#facebookImgHover{opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #bannerImage{float:left; width:100%; height:538px; background:url(/Content/images/bannerImageFull.jpg) top center no-repeat;} @media only screen and (max-width : 1700px){#bannerImage{background:url(/Content/images/bannerImageSnap1.jpg) top left no-repeat;}} @media only screen and (max-width : 1300px){#bannerImage{background:url(/Content/images/bannerImageSnap2.jpg) top left no-repeat;}} @media only screen and (max-width : 1160px){#bannerImage{background:url(/Content/images/bannerImageSnap3.jpg) top left no-repeat;}} #sloganText{float:left; width:42%; margin-top: 132px; margin-left: 21%;} #middleText{font-size:46px; color:#FFF; text-transform:uppercase; width:100%;text-align:center;} @media only screen and (max-width : 1700px){#sloganText{margin-left:24%;width:35%;}} @media only screen and (max-width : 1500px){#sloganText{margin-left:28%;width:24%;margin-top:93px;}#middleText{font-size:36px;}} @media only screen and (max-width : 1300px){#sloganText{margin-left:338px;width:264px;margin-top:174px;}#middleText{font-size:24px;}} @media only screen and (max-width : 1160px){#sloganText{margin:155px 18% 0; width:64%;}#middleText{font-size:52px;line-height:52px; font-family: "quicksandbold";}} #contactBannerBtn{border:1px solid #fad807; color:#fad807; background:url(/Content/images/blackTransBG.png) repeat; height:68px; width:238px; line-height:68px;font-size:16px; text-align:center;display:block; text-decoration:none;font-family: "quicksandbold";margin:100px auto 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} @media only screen and (max-width : 1500px){#contactBannerBtn{margin-top:15px;}} @media only screen and (max-width : 1160px){#contactBannerBtn{margin:105px 0 0 51px}} #contactBannerBtn:hover{border-color:#c80202; color:#c80202;} #vacuumState{background:url(/Content/images/vacuumState.png) top center no-repeat; height:770px; width:652px; position:absolute; right:0; top:0;} @media only screen and (max-width : 1300px){#vacuumState{background:url(/Content/images/vacuumStateShort.png) top center no-repeat;width:541px;}} #bannerAddress{float:right; letter-spacing:0.5px; background:url(/Content/images/bannerAddress.png) top center no-repeat; height:25px; width:397px; text-align:left; line-height:25px; color:#fad807; font-size:12px;padding-left:20px; margin:569px 330px 0 0;} @media only screen and (max-width : 1500px){#bannerAddress{background:url(/Content/images/bannerAddressShort.png) top center no-repeat;height:51px; width:235px;margin: 557px 330px 0 0;}} @media only screen and (max-width : 1300px){#bannerAddress{margin: 557px 218px 0 0;}} abbr{text-decoration:none; border:none;} #mobileBannerImg{display:none; float:left; width:100%;} #phoneBanner{height:110px; background:#FFF; text-align:center; width:100%; float:left;border-bottom:4px solid #cdcdcd;font-size:30px; line-height: 96px;} @media only screen and (max-width : 1160px){#phoneBanner{font-size:25px;}} #phoneColor{color:#c80202;text-decoration:none;} #resyCommBtnHolder{float:left; width:100%; border-bottom:4px solid #cdcdcd;} #resyBtnWrap, #commBtnWrap{width:50%; float:left; height:172px;position:relative;} #resyVacImg{position:absolute; left:0;margin-top: -103px; } #resyPanelBtn{display:block; float:left; width:100%; line-height:172px; color:#FFF; font-size:66px; text-align:center;background:url(/Content/images/smallVacuumRepairWaukeshaCounty.jpg) top left no-repeat; text-decoration:none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #resyPanelBtn:hover{;background:url(/Content/images/smallVacuumRepairWaukeshaCountyO.jpg) top left no-repeat;color:#fad807;} #commPanelBtn{display:block; float:left; width:100%; line-height:172px; color:#FFF; font-size:66px; text-align:center;background:url(/Content/images/industrialVacuumRepairWaukeshaCounty.jpg) top left no-repeat; text-decoration:none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} @media only screen and (max-width : 1500px){#resyPanelBtn, #commPanelBtn{font-size:40px;}} @media only screen and (max-width : 1160px){#resyPanelBtn, #commPanelBtn{font-size:34px;width:85%; padding-right:15%; text-align:right;}} #commPanelBtn:hover{background:url(/Content/images/industrialVacuumRepairWaukeshaCountyO.jpg) top left no-repeat;color:#fad807;} #commVacImg{position:absolute; left:0;margin: -28px 0 0 -23px; } .mobileLink{display:none; width:94%; margin:5px 3%;float:left;max-width:587px;} .bannerImg{float:left; width:100%; background:#000; text-align:center;} .bannerImg img{width:80%; max-width:202px;} #contentArea{float:left; width:100%; margin-top: 100px;} .cleanerBodyClass #contentArea, .brandsStreamClass #contentArea{margin-top: 25px;} #innerWrap{margin:0 auto; width:92%; max-width:960px; padding:0 4%;} #pageText{font-size:16px; color:#222;line-height: 25px;float:left;width:100%;} #pageText ul {margin: 0;padding-left: 15px;} #pageText ul li{color:#111; font-family:"quicksandbold"; font-size:13px;} #ResidentialBodyID #pageText ul, #CommercialBodyID #pageText ul {margin:0; padding:0; width:100%; text-align:center;} #ResidentialBodyID #pageText ul li, #CommercialBodyID #pageText ul li {color:#111; font-family:"quicksandbold"; font-size:13px;display:inline-block;margin:5px;border:1px solid #aaa; width:14%; padding:5px 2%;} #contactHourInfo {float: right;font-size: 14px;line-height: 20px;width: 400px;} #HomeBodyID h1{border:2px solid #898989; color:#c80202; text-transform:uppercase; letter-spacing:0.5px; font-size:30px;padding:8px 0; text-align:center; font-family: "quicksandlight"; margin:0 auto 30px auto;} h1{border:2px solid #898989; color:#c80202; text-transform:uppercase; letter-spacing:0.5px; font-size:25px;padding:8px 0; text-align:center; font-family: "quicksandlight"; margin:0 auto 30px auto;} h2{color:#c80202;font-family: "quicksandregular"; font-size: 18px; } h3{color:#F29900;font-family: "quicksandregular"; font-size: 18px; } h4{color:#444;font-family: "quicksandregular"; font-size: 16px;} h5{color:#c80202; font-size:14px; } #pageText a{color:#c80202; text-decoration:underline; } #pageText a:hover{color:#F29900; text-decoration:none;} a img{border:none; outline:none;} #brandArea{float:left; width:100%; margin-top:50px;} #weCarryTitle{float:left; width:100%; border-bottom:4px solid #cdcdcd; color:#c80202; font-size:38px; letter-spacing:0.5px; text-align:center; padding-bottom:10px;font-family: "quicksandlight";margin-bottom: 25px;} #brandLogoWrap{margin:0 auto; width:100%; max-width:1440px; text-align:center;} .vacuumBrand{display:inline-block;opacity:0.5;margin:10px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} .vacuumBrand:hover{opacity:1;} #footer{float:left; width:100%; height:204px; background:url(/Content/images/footerBG.jpg) top center no-repeat; border-top:4px solid #cdcdcd;margin-top: 50px;} #footerWrap{margin:0 auto; width:100%; max-width:1340px;} #footerLeft{float:left;} #logoFooter{margin:38px 0 0 10px; width:209px; display:block; height:50px; position:relative;} #logoFooter img{position:absolute; top:0; left:0;} #logoFooter img#logoImgFooterHover{z-index:1; opacity:0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #logoFooter:hover img#logoImgFooterHover{opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #facebookIconFooter{position:relative; float:left; width:32px; height:32px; margin:42px 0 0 15px; } #facebookIconFooter img{position:absolute; top:0; left:0;} #facebookIconFooter img#facebookImgFooterHover{z-index:1; opacity:0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #facebookIconFooter:hover img#facebookImgFooterHover{opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #creditCards{float:left;margin:50px 0 0 26px;} #footerMiddle{float:left;} #footerNav{padding:0; margin:55px 0 0 0px; float:left; width:100%; } #footerNav li{list-style:none;float:left; margin-left:75px;} #footerNav li a{color:#FFF; text-decoration:none; font-size:15px; letter-spacing:0.5px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #footerNav li a:hover{color:#fad807;} #addressFooter{color:#fad807;font-size:15px; margin:125px 0 0 73px;letter-spacing:0.5px;} #copyright{color:#FFF; font-size:12px;margin:6px 0 0 73px; font-size:10px;} #footerRight{float:right;} #openHours{float:right; width:170px;margin:50px 10px 0 0;} .hoursLine{float:left; width:100%; color:#FFF; font-size:13px;margin-bottom:1px;} .hoursDay{color:#fad807;float:left; width:85px;} #footerPhone{float:left; width:100%; font-family: "quicksandbold"; color:#c80202;margin-bottom:10px; margin-left:-1px; font-size:19px;text-decoration:none;} @media only screen and (max-width : 1320px){#footerWrap{max-width:990px;}#footerNav li{margin-left:30px;} #footerNav li a{font-size:13px;}#addressFooter, #copyright{margin-left:29px;}} /* ==============={ Menu Slide Animation }=============== */ #sideNav{padding:0; margin:0; float:left; width:100%; } #sideNav li {float: left;list-style: none;margin: 0;padding:0;width: 100%;} #sideNav li a{color:#FFF; text-decoration:none; font-size:16px; letter-spacing:1px; display:block; padding: 0 0 0 10%; width:90%; height:70px; line-height:70px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #sideNav li.firstSideLI a{padding-top:10px;} #sideNav li a span{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #sideNav li a:hover{background:#c80202;} #sideNav li a:hover span{margin-left:10px;} .menu-button img{position:absolute;top:0; left:0;} #menuHov{opacity:0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-button:hover #menuHov{opacity:1;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .close-button {width: 1em;height: 1em;position: absolute;right: 1em;top: 1em;overflow: hidden;text-indent: 1em;font-size: 0.75em;border: none;background: transparent;color: transparent;cursor:pointer;} .close-button::before, .close-button::after {content: '';position: absolute;width: 3px;height: 100%;top: 0;left: 50%;background: #fad807;} .close-button::before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .close-button::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} /* IE9 compliant */ .menu-wrap {position: absolute;z-index: 2;width: 300px;height: 100%;background: #454545;padding: 0;font-size: 14px; left: -300px; transition: left 0.7s ease;} .show-menu .menu-wrap {left: 0; transition: left 0.7s ease;} /* .menu-wrap {position: absolute;z-index: 2;width: 300px;height: 100%;background: #454545;padding: 0;font-size: 14px; -webkit-transform: translate3d(-320px,0,0); transform: translate3d(-320px,0,0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);} */ .icon-list {-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);} /* .show-menu .menu-wrap { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);} */ .show-menu .icon-list{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);} .show-menu .content::before { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .secondaryBannerImg{width:100%; float:left;} #contactLeft{float:left;width:450px;} #contactRight{float:right;width:450px;} #contactRight iframe{width:400px;height:430px; float:right;} #ContactForm label {display: block;font-family: "quicksandbold", sans-serif;} #ContactForm input[type="text"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm textarea { border: 2px solid #c80202; color: #444; font-size: 14px; padding: 10px; width: 96%;border-radius:8px;} #ContactForm input:focus, #ContactForm textarea:focus, #recaptcha_response_field {border: 2px solid #F29900; } #ContactForm label.error {display: inline; color: #f00; margin-left: 5px;} #ContactForm input.error, #ContactForm textarea.error, #recaptcha_response_field.error {border: 2px solid #e00; color: #f00; background-color: #eeeeee;} #ContactFormCaptcha {margin-top: 0px;} #SendButton input{background:#FFF; cursor:pointer;border:1px solid #c80202; color:#c80202; text-transform:uppercase; height:68px; width:238px; line-height:68px;font-size:16px; text-align:center;display:block; text-decoration:none;font-family: "quicksandbold";margin:0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #SendButton input:hover{background:#333; border-color:#fad807; color:#fad807;} @media only screen and (max-width : 1000px){ #bannerImage{background:url(/Content/images/bannerImageSnap4.jpg) top center no-repeat;} #vacuumState {background: url(/Content/images/vacuumStateSmall.png) top right no-repeat;width: 100%;} #bannerAddress {background: none;float: none;line-height: 20px;margin: 576px auto 0;padding: 0;position: relative;text-align: center;} #middleText{font-size:44px;line-height:50px;font-family: "quicksandregular";} #contactBannerBtn {margin: 25px auto 0;} #sloganText {float: none;margin: 43px auto 0;width: 500px;position:relative; z-index:1;} #HomeBodyID #facebookIcon {margin-right: 115px;} #phoneBanner {font-size: 18px;line-height: 23px;padding-top:20px; height:90px;} #phoneColor {color: #c80202;display: block;width: 100%;} .vacuumBrand{max-width:125px;} .vacuumBrand img{width:100%;} #resyPanelBtn, #commPanelBtn {font-size: 3.5vw;padding-right: 10%;text-align: right;width: 90%;} #contentArea{margin-top:75px;} #footerWrap{max-width:630px;} #footerNav {margin: 38px 0 0;width: 175px;} #footerNav li {float: none;margin-bottom: 9px;margin-left: 30px;} #facebookIconFooter{margin-top:22px;} #creditCards{margin-top:29px;} #addressFooter{font-size: 12px;margin-left: 29px;margin-top: 168px;position: absolute;width: 351px;} #copyright {font-size: 10px;margin-left: -205px;margin-top: 157px;position: absolute;width: 163px;} #openHours{margin: 33px 20px 0 0;} #contactLeft{width:300px;} #contactRight{width:300px;} #contactRight iframe{width:100%;height:370px; float:right;} #contactHourInfo{width:100%;} } @media only screen and (max-width : 640px) { #mobileBannerImg{display:block;} #bannerImage{background:none;height:auto;} #vacuumState {display:none;} #bannerAddress {background: none;float: none;line-height: 20px;margin: 576px auto 0;padding: 0;position: relative;text-align: center;} #sloganText {display:none;} #HomeBodyID #facebookIcon {margin-right: 25px;} #facebookIcon {margin-right: 25px;} #open-button{margin-left:25px;} #ResidentialBodyID #pageText ul, #CommercialBodyID #pageText ul {margin:0; padding:0 0 0 10px; width:auto; text-align:left;} #ResidentialBodyID #pageText ul li, #CommercialBodyID #pageText ul li {color:#111; font-family:"quicksandbold"; font-size:12px;display:block;margin:0;border:none; width:auto; padding:0;} #phoneBanner {font-size: 8vw;line-height: normal;padding-top:12px; height:auto;border:none;} #phoneColor {color: #c80202;display: block;width: 100%;} .vacuumBrand{max-width:195px;} .vacuumBrand img{width:100%;} .vacuumBrand{max-width:100px;} .vacuumBrand img{width:100%;} #contentArea{margin-top:40px;} #resyCommBtnHolder{border:none;} #resyBtnWrap, #commBtnWrap{width:100%;height:auto;} #resyPanelBtn span, #resyVacImg, #commPanelBtn span, #commVacImg{display:none;} #resyPanelBtn, #commPanelBtn{background:none;line-height:normal;padding-right:0;text-align:center;width:100%;} #resyPanelBtn:hover, #commPanelBtn:hover{background:none;} .mobileLink{display:block;} #mobileHider{display:none;} #HomeBodyID h1, h1{font-size:4vw;width:92%; margin-left:4%; margin-right:4%;} #pageText{font-size:12px;line-height:16px;} #weCarryTitle{font-size:4vw;font-family: "quicksandregular";} #footerWrap{max-width:280px;} #footerLeft{float:left; width:100%;margin:0;} #logoFooter{margin:15px auto 0;} #facebookIconFooter {margin-left: 35px;margin-top: 78px;position: absolute;} #footerNav, #creditCards{display:none;} #footerRight{float:left; margin:-15px 0 0 87px;padding-bottom:30px;} #addressFooter {font-size: 11px;letter-spacing: 0;margin: 10px 0 0;position: relative;text-align: center;width: 100%;} #copyright {margin: 5px 0 0;position: relative;text-align: center;width: 100%;} #footer{background:url(/Content/images/footerBGMobile.jpg) top center no-repeat #0a0a0a;height:auto;} #contactLeft{width:100%;} #contactRight{width:100%;} #contactRight iframe{width:100%;height:300px; float:left;} #ContactForm input[type="text"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm textarea {width: 94%;} } #header { position: relative; } .contact-button { border: 2px solid #C70305; text-decoration: none; font-weight: bold; color: #C70305; padding: 5px 15px; display: inline-block; position: absolute; top: 42px; left: 280px; transition: all 0.25s ease; } .contact-button:hover { background: #C70305; color: #FFF; transition: all 0.25s ease; } .contact-Split { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; clear: both; }