body {
        font-family: "Raleway";
        font-size: 22px;
        overflow-x: hidden;
    }  

    strong.b{
         font-weight: bold !important;
         font-family: "Montserrat" !important;
         font-size:1em;
    }
    .footerLicenseInfoContainer{
        margin-top: 5px;
        margin-left: 55px;
        width: 90%;
        display: block;
        height: 75px;
        color: white;
    }      
    nav.navbar.navbar-expand-lg.navbar-light.bg-body.desktopMenuOnly {
            z-index: 3;
    }
    img.angieServicePage {
        margin-right: 20px;
    }
    .cta {
        color: #b21f16;
        font-size: 1.3em;
        font-weight: bold;
        text-decoration: none;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .cta a {
        color: #b21f16 !important;
        font-weight: bold;
        text-decoration: none;  
    }
    #reviewUsForm{
        background-color: green;
        padding: 30px 20px 30px 20px;
    }
    .containerBody {
        width: 900px;
        display: flex;
        flex-wrap: wrap;
        margin: auto;
    }
    .dualcolumn {
        display: block;
        width: 49%;
        margin: 1px;
    }
    /* blog stuff */
    .blogListing {
        background: url(http://www.acutaboveexteriors.com/wp-content/themes/acutabove/images/dots_horizontal_light.png) repeat-x scroll left bottom transparent;
        padding: 20px 0;
        overflow: hidden;
    }
    .finePrint{
        font-size: 12px;
    }
    .blogCategories{
        padding-right: 20px;
        list-style: none;
        margin-left: 0px;

    }
    ul.blogCategories li {
        display: inline-block;
        
        padding: 0 10px 0 10px;
        border-left: 1px solid;
        border-color: black;
    }
    .b{
        font-weight: bold;
        display: inline;
    }
    a.nav-link{
        text-decoration: none !important;
    }
    a:link {
        color: black;
        text-decoration: none;
    }
    #sidebarHouse{
        width: 100%;
    }
    /* visited link */
    a:visited {
        color: #212529;
    }
    /* mouse over link */
    a:hover {
        color: #212529;
        text-decoration: underline;
    }
    /* selected link */
    a:active {
        color: black;
    }
    b.unb{
        font-weight: normal;
    }
    div.testimonial {
        font-size: 1.1em;
        margin: 5px 5px 10px;
        background-color: #eacc75;
        padding: 10px;
        border-radius: 15px;
    }
    ul.iwssl{
        list-style-type: none;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #homeAdvisorServicePage{
        margin-right: 20px;
        margin-bottom: 5px;
    }
    #hardieEliteService{
        text-align: left;
        margin-right: 25px;

    }
    #inlineWarrantyBadge{
        text-align: left;
        margin-right: 25px;   
    }
    #angieServicePage{
        text-align: left;   
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .footerAddressContainer a:hover{
        color: white;
    }
    .footerAddressContainer a#number {
        color: white;
    }
    .link-light{
        color: white !important;
    }
    .readMore{
        display: inline;
        color: #b21f16 !important;
        margin-left: 15px;
        font-size: 16px !important;
        font-weight: bold;
    } 

    .pagination{
        border:  1px solid;
        padding:  10px;
        text-align: center;
        margin: auto;
        display: block;
        margin-top: 20px;
    }
    .current{
        font-weight: bold;
        font-size: 12;
    }
    .page-numbers {
        padding-right: 10px;
        padding-left: 10px;

    }
    h1.secondaryPageHeader,h1.entry-title{
        margin-top: 35px;
        font-size: 32px;
    } 
    h2.secondaryPageHeader{
        margin-top: 35px;
        font-size: 26px;
    }
    #serviceAreaCityNameList{
            margin-bottom: 25px;   
    }
    #heroHeaderTextContact{
        margin-left: 90px;
        margin-top: 100px;
    }
    #mapContactInfoContainer{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;        
    }
    .serviceAreaCityColumn{
        width: 20%;
    }
    #mapCell {
        width: 75%;
        text-align: center;
    }    
    #contactInfoCell {
        width: 25%;        
    }
    .carousel-inner{
        width: 100% !important;
    }
    .img-fluid{
        /*border-radius: 10px;
        box-shadow: 2px 2px 1px black;*/
        max-width: 100%;
        height: auto;
    }
    .secondaryPageContent{
        margin-left: 98px;
        margin-right: 125px;
    }
    .contentBody40percent{
        margin-left: 98px;
        margin-right: 20px;
    }
    .contentBody40percentReferral{
        margin-left: 98px;
        margin-right: 20px;
        background-color:;

        max-height: 1200px;
        background-color: #4d6454;
    }
    input#zip {
        margin-left: 5px;
    }
    #contactMap{
        width: 90%;         
         margin-right: 0px;    
    }
    button#loadMore {
        width: 200px;
        color: white;
        background-color: #c1071c;
        border: none;
        display: block;
        font-size: 28px;
        text-align: center;       
        margin-bottom: 25px; 
        margin-top: -75px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #beingLocal{
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
    }
    .grayBG{
        background-color: #f3f3f5;
        width: 100%;
        padding-top: 45px;
        padding-bottom: 45px;
    }
    #inspirationGalleryGrid {
        max-width: 1200px;
        margin: auto;
        width: 100%;       

    }
    .styles-grid {        
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        column-count: 4;
        display: block;
        padding: 0 21px;
        overflow: hidden;
    }
    .styles-cell {
        text-align: center;
        margin-bottom: 25px;
        flex-wrap: wrap;
        float: left;
        
        /*border-radius: 10px;*/
    }
    .nav-link:hover, .nav-item:hover{
        color: rgba(0,0,0,.7) !important;
    }
    .heroWithForm{
        margin-top: 6rem;
    }
    .overlayHeroWithForm{
        margin-top: 750px;
    }
    .galleryImage{
        background-color: green;
    }
    .sidingGalleryHero{
        background-image: url("../imgs/inspiration-gallery-vertical-home-opt.jpg");
        background-size: cover;
        background-position-y: center;
        width: 100%;        
        height: 1200px;
    }
    .footerLogoContainer{
        width: 100%;
    }
    .list-group-item{
        border-radius: 0;
    }
    .footerIconsAddressLogoContainer{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footerAddressContainer{
        width: 90%;
        display: block;
        height: 75px;
        color: white;
    }
    .carousel-indicators {
        bottom: -20px;
    }
    .list-group-item{
        border: none;
    }
    #googleReviews{
        /*width: 277px;*/
        /*height: 18px; */ 
        align: right;
        height: 35px;
        
    }
    .reviewBox{
        width: 637px;
        padding-left: 0px !important;
    }
    .dropdown-item{
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 5px;
        padding-right: 5px;
        width: 200px;
    }
    .list-group-item{
        padding: 0px;
    }
    .card{
        border: 0px;
    }
    .testimonial-text{
        color: white !important;
    }
    .grecaptcha-badge {
        display: none;
    }
    .testimonial-head{
        color: white !important;

        font-family: "Montserrat" !important;
        font-size: 58px;
        color: white;
        text-shadow: 3px 3px 10px black;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
    }
    span.testimonial-verified{
        color: white !important;
    }
    p.testimonial-subhead{
        color: white !important;
    }
    #mapContainer {
        padding: 0px 0px 20px 0px;
    }
    #reviewUsSiteField{
        width: 30%;
        margin: auto;
    }
    .form-check-label {
        color: white;
    }
    #reviewUsDateField{
        display: block;
        width: 30%;
        padding: .375rem .75 rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: white;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    #awardsRow {
        width: 80%;
        margin: auto;
    }
    
    #testimonialsContainer {
        background-image: url("../imgs/roofing-siding-company-testimonials-bg.gif");
        background-size: cover;
        background-position-y: center;
        width: 100%;
        /*height: auto;*/
        height: 375px;
        padding-top: 10px;
        padding-bottom: 40px;
    }
    
    #testimonialIndicators {
        width: 70%;
        display: block;
        margin: auto;
        margin-top: 20px;

    }
    
    .carousel-inner {
        display: block;
        margin: auto;
        width: 60%;
    }
    
    #awardsContainer,#ourAwardsContainer {
        width: 100%;
        margin-bottom: 10px;
        background-color: white;
        padding: 10px 0px 10px 0px;
    }
    
    .awardsRowItemAL{        
        padding: 20px;
        width: 235px;        
        margin-left: 0px;
        margin-top: 0px;
    }
    .ourAwardsRowItemAL{        
        padding: 10px;
        width: 235px;
        margin-top: 10px;
        margin-left: 25px;
    }
    .ourAwardsRowItemAL{
        margin-left: 65px;
        margin-top: 18px;
    }
    .awardsRowItemAL2021{
        display: block;        
        margin: auto;
        padding-top: 20px;
    }
    .ourAwardsRowItemAL2022{
        width: 235px;
        display: block;
        margin: auto;       
        margin-top: 40px; 
    }
     .ourAwardsRowItemAL2021{
        display: block;        
        margin: auto;
        padding-top: 28px;
    }
    .awardsRowItemBBB{
        margin: auto !important;
        display: block;
        width: 100%;
        padding-top: 35px;
    }
    .ourAwardsRowItemBBB{
        margin: auto !important;
        display: block;
        width: 100%;
        padding-top: 35px;
    }
    .awardsRowItemTop500{        
        display: block;
        margin: auto !important;
        margin-top: 60px  !important;
    }
    .ourAwardsRowItemTop500{        
        display: block;        
        margin-top: 60px  !important;
        margin-left: 52px;
    }
    /*
    .awardsRowItemBBB{
        
        display: block;
        margin: auto;
        margin-top: 50px  !important;
    }*/
    
    .awardsRowItemGQ,.ourAwardsRowItemGQ {
        
        margin: auto;
        margin-top: 28px; 
        padding: 5px;
        margin-left: 15px;

    }
    .ourAwardsRowItemGQ {
        margin-left: 45px;
    }
    .awardsRowItemEP {
        width: 250px;
        display: block;
        margin: auto;
        margin-top: 50px; 
    }
    .ourAwardsRowItemEP {
        width: 250px;
        display: block;
        margin: auto;
        margin-top: 50px; 
    }
    .form-label {
        font-size: 24px;
        color: white;
        text-shadow: 3px 3px 3px black;
        margin-left: auto;
        display: block;
        text-align: center;
    }
    
    .dropdown-menu-right {}
    
    #premierRemodelerImage {
        margin: auto;
        margin-bottom: 50px;
        margin-top: 25px;
        display: block;
        padding: 0px 50px 0px 115px;
        width: 96%;
    }
    
    #formProductSelect {
        height: 170px;
        font-size: 20px;
        max-width: 300px;
    }
    
    .headerItemsBorder {
        border-bottom: 2px solid #848283;
    }
    #requestQuoteHeaderBG:hover{
        border-left: 2px solid #848283;
    }
    #rcaptcha {
        margin-bottom: 20px;
    }
    
    .dropdown-header {
        color: black;
        font-size: 18px;
        font-weight: bold;
    }
    
    .text-info {
        color: #2F80ED !important;
    }
    
    .pb-4 {
        padding-bottom: 0px;
    }
    
    #specialFinancingTextBottom {
        height: 130px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Montserrat" !important;
    }
    .fullWidthForText{
        max-width: 1200px;
    }
    .fullWidth{
        width: 90%;
    }
    .secondaryPageHeader, .secondaryPageHeaderNoMargin, .secondaryPageHeaderWhite{
        font-family: "Montserrat" !important;
        font-size: 48px;   
        font-weight: 200;
        margin-bottom: 20px;        
    } 
    .secondaryPageHeaderWhite{
        color: white;
        font-size: 32px;

    }
    .secondaryPageHeaderNoMargin{
        margin-top: 95px;
    }
    .secondaryPageHeader{
        margin-top: 20px;
    }
    #formFreeQuote, #reviewUsFormButton {
        width: 80%;
        color: white;
        background-color: #c1071c;
        display: block;
        font-size: 28px;
        font-weight: 400;
        margin-top: 0px;
    }
    #reviewUsFormButton {
        color: black;
        background-color: white;        
    }
    #requestQuoteHeader {
        margin: auto;
        font-size: 18px;
        font-weight: bold;
        padding: 0px;
    }
    
    #requestQuoteHeaderBG:hover {
        background-color: white;
        border-right: 1px solid #848283;
        color: #c1071c !important;
    }
    
    #requestQuoteHeaderBG:hover>#requestQuoteHeader {
        color: #c1071c !important;
    }
    
    #mastersCraftBlurb {
        background-color: white;
        margin-top: 30px;
        margin-bottom: 40px;
        margin-right: auto;
        margin-left: auto;
        font-size: 48px;
        width: 75%;
    }
    .hidden1{
        display: none;
    }
    .inlineLargeText{        
        margin: auto;
        width: 100%;
        font-size: 36px;
        text-align: center;
        display: block;
        margin-bottom: 25px;
    }
    .limited-time-savings-sub {

        font-size: 52px;
        color: white;
        text-shadow: 3px 3px 10px black;
    }
    
    #requestQuoteHeader:hover {
        color: #c1071c !important;
    }
    
    #downloadBrochureHeader {
        margin: auto;
        font-size: 18px;
        font-weight: bold;
    }
    
    #phoneHeader {
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: -10px;
        font-size: 20px;
        font-weight: bold;
    }
    #formOffer{
        margin-top: 20px;
        width: 100%;
        margin-bottom:35px;
    }
    .special-offer-wrapper {
        background-color: ;
        margin-top: 20px;
    }
    #specialOfferPageOffer{
        width: 70%;   
    }
    #lifetimeWarrantyBadge {
        width: 60%;
        margin: auto;
        padding-top: 70px;
    }
    #lifetimeWarrantyBadgeSidebar{
        display: block;
        margin: auto;
        margin-bottom: 100px;
        margin-top: 100px;
        width: 80%;
    }
    #phoneImageHeader {
        margin: auto;
    }
    
    #blogHeader {
        margin: auto;
        font-size: 18px;
        font-weight: bold;
    }
    
    #claimSavings {
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 10px 20px 10px 20px;
        font-size: 20px;
        font-style: italic;
        background-color: #c1071c;
        color: white;
        font-size: 22px;
    }
    
    .w-65 {
        width: 65%;
    }
    
    .ta-left {
        text-align: left;
    }
    
    .ta-center {
        text-align: center;
    }
    
    .ta-right {
        text-align: right;
    }
    
    .offer-weight {
        text-align: center;
    }
    
    #headerBar {
        height: 42px;
    }
    
    #offerImg {
        display: block;
        margin: auto;        
    }
    
    .offerCopyHeader {
        font-size: 40px;
        padding-bottom: 15px;
    }
    
    .specialFinancingText {
        font-size: 28px;
        margin-left: 15px;
        margin-top: 5px;
        margin-right: 0px;
        padding-right: 0px;
        color: white;
        text-shadow: 3px 3px 3px black;
    }
    
    #guildStarRating {
        margin: auto;
        width: 100%;
        font-family: "Oswald";
        font-size: 42px;
        letter-spacing: 2px;
        color: white;
        background-color: #c1071c;
        padding: 10px;
        margin-top: 0px;
    }
    
    .whiteLink {
        color: white !important;
        text-decoration: none;
    }
    
    .whiteLink:hover {
        color: white;
        text-decoration: underline;
    }
    /* For The Testimonials */
    
    .bg-opaque {
        background-color: #a4a4a4c8;
    }
    
    .p-font {
        font-size: .8em !important;
    }
    
    .chip-font {
        font-size: .6em !important;
    }
    /* For The Testimonials */
    
    #bottomSpecialFinancing {
        font-size: 48px;
        color: white;
        line-height: 1.1em;
        text-shadow: 2px 2px 5px black;
        margin-left: 20px;
    }
    
    .offerCopy {
        width: 100%;
        font-size: 48px;
        text-align: center;
        font-weight: bold;
        line-height: 1.1;
        color: white;
        font-family: "Montserrat" !important;
        text-transform: uppercase;        
        margin: 0;
        margin-top: 20px;
    }
    
    .offer-wrapper {
        
        width: 100%;
    }
    
    h1.fourCs {
        padding-top: 20px;
        margin: 40px 0 20px -70px;
        color: black;
        font-weight: 900;
        font-size: 42px;
    }
    
    .lgbg {
        background-color: #f3f3f5;
        padding: 0px 0px 0px 0px;
    }
    
    #pageContent {
        padding: 0px 0px 0px 0px;
    }
    
    #pageContentContainer {
        padding: 0px 0px 0px 0px;
    }
    
    p.mainCopy{
        padding: 0px 75px 50px 140px;        
    }
    h2.mainCopy{
        padding: 0px 75px 0px 140px;        
    } 
    h1.mainCopy{
    padding: 40px 75px 0px 140px;        
    }
    span.firstWords {
        font-weight: bold;
    }
    
    .fourCsList {
        font-weight: 700;
        font-size: 40px;
        color: #e31e26;
    }
    
    #maps-roofing-siding-portland {
        margin: auto;
        display: block;
        padding: 0 0px 0px 0px;
        width: 85%;
    }
    
    .col-7 {
        padding-left: 0px;
        padding-right: 5px;
    }
    
    .col-5 {
        padding-left: 5px;
        padding-right: 0px;
    }
    
    #fourCsImage {
        margin-top: 70px;
        margin-left: 200px;
        width: 60%;
    }
    
    h1.headings {
        padding-top: 100px;
        text-shadow: 5px 5px 20px black;
        font-weight: 700;
    }
    
    #testimonialMark {
        margin: auto;
        display: block;
        padding-bottom: 25px;
        width: 50%;
    }
    
    #testimonialCarolyn {
        margin: auto;
        display: block;
        width: 50%;
    }
    
    #testimonialMatt {
        display: block;
        float: right;
        margin-right: 200px;
        width: 50%;
    }
    
    #captchaSpaceAbove {
        margin-top: 20px;
    }
    
    .formFinePrint {
        font-size: 14px;
        margin-top: 20px;
    }
    
    .testimonialImage {
        margin: auto;
        width: 60%;
    }
    
    .navbar-nav {
        padding-left: 15px;
    }
    
    .navbar-light .navbar-nav .nav-link {
        font-family: "Oswald";
        font-weight: bold;
        font-size: 18px;
        color: rgba(0, 0, 0, 100);
    }
    
    .text-dark {
        font-weight: bold;
        font-size: 22px;
    }
    
    #letsStartSpacer {
        margin-left: 220px;
    }
    #letsStartSpacerSecondary{
        margin-left: 180px;   
    }
    #spacer25 {
        margin-left: 25px;
    }
    
    h6.letsStart {
        color: white;
        margin: auto;
        font-weight: normal;
        font-family: "Raleway" !important;
        background-color: #c1071c;
        margin-left: -100px;
        font-size: 26px;
        padding: 10px;
        max-width: 1000px;
    }
    
    a.download-brochure {
        margin-left: 35px;
        margin-top: 10px !important;
        /*margin: auto;  why doesn't this work?*/
    }
    
    .request-quote {
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 1px;
    }
        
    .bar-links a {
        font-size: 16px;
    }
    
    .navbar .nav-item:not(:last-child) {
        margin-right: 35px;
    }
    
    .dropdown-toggle::after {
        transition: transform 0.15s linear;
    }
    
    #offerFormSidebar input, select {
        height: 48px;
    }
    #offerFormSidebar input, select {
        height: 48px;
    }
    #referralForm input, select{
        height: 48px;
        width:90% !important;
    }
    #referralForm input, select{
        height: 48px;
        width:90% !important;
    }
 
    #referralForm .form-check-input[type=checkbox] {
        width: 20px !important;
    }
    .special-offer-page-spacer{
        padding-top:55px !important;
    }
    h2.special-offer-page {
        font-size: 58px;
        color: white;
        text-shadow: 3px 3px 3px black;
        margin-left: auto;
        display: block;
        text-align: center;
        margin-top:30px;
        margin-bottom: 50px;
    }
    .form-check-input[type=checkbox] {
        height: 20px !important;
    }
    
    .show.dropdown .dropdown-toggle::after {
        transform: translateY(3px);
    }
    
    .dropdown-menu {
        margin-top: 0px;
        padding-top: 0px;
    }
    
    .arrow {
        border: solid #b3b3b3;
        border-width: 0 3px 3px 0;
        /* display: inline-block; */
        float: right;
        padding: 3px;
        margin-top: 8px;
    }
    
    .arrow-right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    #heroHardiplank{
        background-image: url("../imgs/hero/green-hardiplank-siding-replacement-hero.jpg");
        background-size: cover;
        background-position-y: center;
        height: 400px;
    }
    #heroWarranty {
        background-image: url("../imgs/cedar-siding-and-replacement-windows.png");
        background-size: cover;
        background-position-y: center;
        height: 400px;
        /* opacity: .5; */
        /* background-blend-mode: darken; */
    }
    #heroRoofing {
        background-image: url("../imgs/hero/roofing-contractors-portland-hero.jpg");
        background-size: cover;
        background-position-y: center;
        height: 400px;
        /* opacity: .5; */
        /* background-blend-mode: darken; */
    }

    #heroRoofing2 {
        background-image: url("../imgs/replacement-siding-contractors-portland-sale-hero-1200x500.jpg");
        background-size: cover;
        background-position-y: center;
        height: 400px;
        /* opacity: .5; */
        /* background-blend-mode: darken; */
    }
    #heroWindows{
        background-image: url("../imgs/hero/replacement-windows-portland-grilles-hero.jpg");
        background-size: cover;
        background-position-y: center;
        height: 400px;
    }
    #heroCedarSiding {
        background-image: url("../imgs/hardiplank-siding-replacement-project-flip-1200x500.jpg");
        background-size: cover;
        background-position-y: center;
        height: 400px;
        /* opacity: .5; */
        /* background-blend-mode: darken; */
    }
    #heroSiding {
        background-image: url("../imgs/hero/replacement-siding-contractors-portland-hero.jpg");
        background-size: cover;
        background-position-y: center;
        height: 400px;
        /* opacity: .5; */
        /* background-blend-mode: darken; */
    }
        

    .heroHeaderTextHome {
        margin-top: -10px;
    }
    #galleryGrid{
        background-color: white;
    }
    .heroHeaderTextAll{
        margin-left: 125px;
        font-size: 68px;
        font-weight: 100;
        color: white;
        padding: 50px 0 50px 0;
        text-shadow: 5px 5px 20px black;

    }
    #heroHome {
        background-image: url("../imgs/hardiplank-siding-replacement-project-5.webp");
        background-size: cover;
        background-position-y: center;
        height: 500px;
        /* opacity: .5; */
        /* background-blend-mode: darken; */
    }
    #heroService{

        background-image: url("../imgs/hero/green-house-siding-portland-1200x465.jpg");
        background-size: cover;
        background-position-y: center;
        height: 465px;
    }
    #heroContact{
        background-image: url("../imgs/siding-replacement-portland-estimate-1400w.jpg");
        background-size: cover;
        background-position-y: center;
        height: 500px;
    }
    #heroPatioDoors{
        background-image: url("../imgs/hero/replacement-patio-doors-hero.jpg");
        background-size: cover;
        background-position-y: center;
        height: 400px;
    }
    .heroHeaderTextWithForm {
        margin-top: 450px;
    }
    .hero-wrapper {
        background-color: black;
    }
    
    .hpRed4cs {
        font-size: 40px;
        color: #e21e26;
    }
    
    .guildHighlight {
        font-size: 48px;
        color: #696969;
        text-decoration: none;
        display: inline;
    }
    
    .guildHighlight:hover {
        text-decoration: underline;
        color: black;
        display: inline;
    }
    
    .w-30 {
        width: 30% !important
    }
    
    .w-40 {
        width: 40% !important
    }
    
    .super-bold {
        font-weight: 800;
    }
    
    .bg-purple {
        background-color: #251a5e;
    }
    
    .bg-blur {
        background-color: rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(2px);
    }
    
    .bg-danger {
        background-color: #c1071c;
    }
    
    .bt-danger {
        background-color: #c1071c;
    }
    
    .title-head {
        font-weight: bold;
        font-size: 40px;
    }
    
    #stats-grid {
        background-color: #c1071c;
        max-width: 100%;
        font-family: Oswald;
    }
    
    .stats-grid-image {
        width: 210px;
        height: 210px;
    }
    
    #coffeeStatsImage {
        width: 210px;
        height: 210px;
        margin-top: 1px !important;
    }
    
    #roofingShingleStatsImage {
        width: 180px;
        height: 180px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
    .stats-grid-stat {
        font-size: 64px;
        font-weight: bold;
        color: white;
        font-family: Oswald;
    }
    
    .stats-grid-description {
        font-size: 38px;
        padding: 20px 0 0 0;
        color: white;
    }
    
    .subheading {
        font-size: 18px;
        width: 50%;
    }

    /****************** New Css 06-04-2022 **********************/
    .modal {
        position: fixed;
        top: -15px;
        left: 0;
        z-index: 1060;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
    }

    button.btn-close.position-absolute.top-0.end-0.p-3 svg {
        background-color: black;
        position: relative;
        top: -19px !important;
        right: -54px;
        padding: 5px;
    }
    .modal-body .btn-close {
        box-sizing: content-box;
        width: 1.4em;
        height: 1.2em;
        color: #000;
        background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
        border: 0;
        border-radius: 0.25rem;
        opacity: .5;
    }
    .carousel-control-next {
        right: -140px !important;
    }

    .carousel-control-prev {
        left: -140px !important;
    }
    .ratio.ratio-16x9 {
        background: transparent !important;
    }
    /*mobile*/
    #offer {
        background-image: url('../imgs/replacement-siding-contractors-portland-sale-dskv2.jpg');
        background-position-y: center;
        background-size: cover;
    }
    
    .footerSpacerDesktop {
        margin-left: 40px;
        color: white;
    }
    
    br.footerSpacerTwoMobile {
        display: none;
    }
    
    .footer {
        padding: 20px 0px 30px 0px;
    }
    
    #footerIconPhone {
        width: 30px;
    }
    
    #footerLogo {
        margin-left: 0px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
    #footerPhoneText {
        margin-top: 10px;
        margin-bottom: 25px;
    }
    
    #topRowMobile {
        display: none;
    }
    
    h4.footerHeader ,h4.footerHeaderACA{
        color: white;
        margin-top: 20px;
        font-size: 24px;
    }
    

    
    .footerText {
        color: white;
    }
    
    #footerIconLocation {
        margin: 15px 0px 30px 0px;
        width: 30px;        
    }
    
    #limited-time-savings {
        font-family: "Montserrat" !important;
        font-size: 58px;
        color: white;
        text-shadow: 3px 3px 10px black;        
        font-weight: 500;
        line-height: 1.2;
    }
    
    img#yellow20offer {
        
        margin-bottom: 30px;
        margin-top: 10px;
    }
    
    #nav-flex {
        flex-direction: column;
    }
    
    #headerLogo {
        margin-top: -40px;
        margin-left: 100px;
    }
    
    .row, .row>* {
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }
    
    #specialFinancingTextBottomContainer {
        height: 100px;
        margin-bottom: 25px;
        margin-top: 25px;
    }
    
    #aboutDD {
        margin-right: 25px;
    }
    #mobileNav {
        margin: 0 !important;
        padding: 0 !important;
    }
    /*
    .nav-pills {
        width: 30px;
        height: 30px;
        padding: 0 !important;
        margin-right: 20px;
    }*/
    
    .with-submenu:hover>.sub-menu {
        display: initial;
    }
    
    .with-submenu .menu-arrow {
        border-bottom: 5px solid black;
        border-right: 5px solid black;
        width: 24px;
        height: 24px;
    }
    
    .sub-menu {
        display: none;
        position: absolute;
        width: 100% !important;
        right: -100%;
        top: 0;
        margin: 0;
    }
    

    .socialIcons{
        width: 56px;       
        margin-right: 5px; 
        margin-bottom: 3px;
        margin-top: 2px;        
    }   
    .copyAreaLeftColumn{
            padding: 0px 100px 25px 0px;      
            margin-left: 96px;
      
    } 
    .copyAreaRightColumn{
            padding: 0px 100px 25px 30px;
    } 
    .inlineList{
        margin-top: 25px;
    } 

    .leftMarginMatchLogo, .fullWidthForText{
        margin-left: 98px;
        margin-right: 25px;
    } 
    /* Phones & small devices (phones, 600px and down) */
    
    @media only screen and (max-width: 300px) {
        .nav-pills {
            display: none;
        }
    }
    
    @media only screen and (min-width: 600px) {
        .mobileOnly {
            display: none;
        }

        .w-30 {
            width: 80%;
        }
        .w-40 {
            width: 80% !important
        }
        .title-head {
            width: 80% !important;
        }
        .im-badge {
            display: none !important;
        }
        .subheading {
            width: 80%;
        }
        img#mobileMenuPhoneIcon {
            /* margin-left: 10px; */
            margin-right: 15px;
        }
    
    }
    
    @media only screen and (max-width: 600px) {
        .heroHeaderTextHome{
                margin-left: 28px !important;
        }
        .ourAwardsRowItemAL2021{
            margin-bottom: 35px;
        }
        #testimonialsContainer {
            background-image: url("../imgs/roofing-siding-company-testimonials-bg.gif");
            background-size: cover;
            background-position-y: center;
            width: 100%;
            height: 450px;
        }
        .awardsRowItemGQ, .ourAwardsRowItemGQ{
            padding: 0px;
        }
        .awardsRowItemBBB {
            padding-top: 15px;
        }
        .awardsRow {
            margin-bottom: 20px;
        }
        #sidebarHouse, #lifetimeWarrantyBadgeSidebar{
                display: none;
        }
        #plusSignForm {            
            width: 30px;
        }
        .footerIconsContainer{
            width: 10%;        
            height: 75px;
        }
        .carousel-indicators{
            bottom: -20px;
        }
        #testimonialIndicators {
            width: 100%;
            display: block;
            margin: auto;
        }
        
        .carousel-inner {
            display: block;
            margin: auto;
            width: 95%;
        }
        #testimonialIndicators {
            width: 100%;
        }
        #mapContainer {
            padding: 0px 0px 0px 0px;
        }
        #pgqContainer{
            width: 100%;
            text-align: center;
        }
        img.awardsRowItemAL {
            margin-top: -8px;            
        } 
        #alaContainer {
            width: 100%;
            padding: 0px 0px 0px 0px;            
            text-align: center; 
        }
        .awardsRowItemGQ{
            margin-left: 0px;
            margin: auto;
        }/*
        #awardsRow {
            width: 65%;
            height: 450px; 
            margin-bottom: 10px;
        }*/
        p.mainCopy {
            padding: 0px 30px 25px 30px;
            /*justify-content: center;*/
            text-align: center;
        }
        
        
        #formProductSelect {
            height: 50px;
        }
        #maps-roofing-siding-portland {
            padding: 0px 0px 20px 0px;
            height: 250px;
        }
        #headerLogoMobileContainer {
            padding-top: 5px;
        }
        /*desktop*/
        #offer {
            background-image: url('../imgs/replacement-siding-contractors-portland-sale-mv2.jpg');
        }
        .form-label {
            font-size: 22px;
        }
        #mobileMenuIcon {
            margin-left: 10px;
        }
        .aboutUsMobileItem {
            margin-top: 20px;
        }
        #premierRemodelerImage {
            width: 90%;
            padding: 0px;
            margin-bottom: 25px;
        }
        #formFreeQuote {
            font-size: 22px;
        }
        #guildStarRating {
            line-height: 1.2;
            padding: 25px 20px 25px 20px;
        }
        .limited-time-savings-sub {
            font-size: 34px;
        }
        #specialFinancingTextBottomContainer {
            height: 100px;
            margin-bottom: 25px;
        }

        #aboutContent {
            flex-direction: column;
            padding-bottom: 54px;
        }
        #pageContentContainer {
            padding: 0 0px 10px 0px;
        }
        .footerText {
            padding: 0 0 0px 10px;
        }
        #aboutUsFooterList,
        #acaeFooterList {
            margin-left: 35px;
        }
        #footerLogo {
            margin-left: 25px;
            margin-bottom: 30px;
            margin-top: 0px;
            width: 90%;
        }
        .footer {
            color: white !important;
        }
        .footerSpacerMobile {
            margin-left: 55px;
            color: white;
            display: inline;
        }
        #footerIconPhone {
            float: none;
            width: 30px;
            padding-right: 0px;
            padding-left: 0px;
            margin-left: 10px;
            margin-right: 15px;
            display: inline;
        }
        #footerIconLocation {
            margin: 20px 15px 0px 10px;
            float: none;
        }
        .offerCopy {
            font-size: 28px;
        }
        h4.footerHeader {
            margin-top: 32px;
            
        }
        h4.footerHeaderACA {
            margin-top: 32px;
            margin-left: 35px;            
        }
        .specialFinancingText {
            font-size: 26px;
            text-shadow: 3px 3px 3px black;
            text-align: center;
            margin-top: 10px;
        }
        #claimSavings {
            font-size: 22px;
        }
        #bottomSpecialFinancing {
            font-size: 32px;
            color: white;
            font-weight: 1000;
            text-shadow: 3px 3px 3px black;
        }
        #bottomFinancingPlusSign {
            margin-top: 15px !important;
            margin-left: 25px !important;
        }
        #limited-time-savings {
            font-size: 38px;
            font-weight: 1000;
            color: white;
            margin-top: 25px;
            text-shadow: 5px 5px 10px black;
        }
        .stats-grid-image {
            margin-top: 0px;
        }
        .stats-grid-stat {
            font-size: 42px;
        }
        .stats-grid-description {
            font-size: 32px;
            padding: 0px 0 0 0;
            margin: 5px 5px 50px 5px;
        }
        #lifetimeWarrantyBadge {
            width: 55%;
            margin: auto;
            display: block;
            margin-top: 10px;
        }
        #mastersCraftBlurb {
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 32px;
            width: 90%;
        }
        .guildHighlight {
            font-size: 32px;
            color: #696969;
        }
        .footerSpacerDesktop {
            margin: 0;
            color: white;
        }
        img#yellow20offer {
            width: 100%;
            margin-bottom: 30px;
        }
        #offerImg {
            width: 100%;
        }

        .fourCsList {
            font-weight: 500;
            font-size: 30px;
            padding: 20px;
        }
        .heroHeaderText, #heroHeaderTextContact, .heroHeaderTextWithForm {
            font-size: 44px;
            margin-left: 25px;
            padding: 35px 0 20px 0;
        }
        h6.letsStart {
            color: white;
            margin: auto;
            font-weight: normal;
            font-size: 22px;
            padding: 10px 0 10px 0px;
            max-width: 100%;
        }
        #startProjectHeader {
            padding-left: 0px;
        }
        h1.fourCs {
            margin: auto;
            padding: 20px 20px 10px 20px;
            margin-left: 0px;
        }
        #letsStartSpacer, #letsStartSpacerSecondary {
            margin-left: 20px;
        }
        #fourCsImage {
            display: none;
        }
        .w-30 {
            width: 80% !important;
        }
        .bottomSpecialFinancingContainer {
            width: 80% !important
        }
        .title-head {
            width: 80% !important;
        }
        .im-badge {
            display: none !important;
        }
        .subheading {
            width: 80%;
        }
        .footerSpacerDesktop,
        .footer {
            color: white;
        }

        /*********** New Css 06-04-2022 *************/
        .styles-grid {
            flex-direction: column;
            flex-wrap: wrap;
            align-content: center;
            column-count: 4;
            display: flex;
            padding: 0 21px;
            overflow: hidden;
        }
        .carousel-control-next {
            right: -18px !important;
        }
        .carousel-control-prev {
            left: -18px !important;
        }
        button.btn-close.position-absolute.top-0.end-0.p-3 svg {
            background-color: black;
            position: relative;
            top: -19px !important;
            right: -16px;
            padding: 5px;
        }
    }
    @media only screen and (min-width: 601) and (max-width: 900px) {
        #testimonialsContainer {
            height: 550px;
        }
    }

    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
        #aboutDrop {
            position: absolute;
            left: -260px;
        }
    }
    /* Large devices (laptops/desktops, 992px and up) */
    
    @media only screen and (min-width: 992px) {
        .im-badge {
            display: block !important;
        }
        .fs-headings {
            font-size: 78px;
        }
        .addressFooter {
            display: inline;
            margin-top: 20px;
            color: white;
        }
        .w-40 {
            width: 40% !important
        }

    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .col-lg-3 {
            width: 50%;
        }
        
        
    }
/*
    @media only screen and (min-width: 1300px) and (max-width: 1500px) {
        body{
            font-size: 18px;
        }
        .secondaryPageContent{
            margin-right: 30px;
            margin-left: 30px;
        }
    }
*/    
    @media only screen and (min-width: 600px) and (max-width: 1200px) {
        .navbar .nav-item:not(:last-child) {
            margin-right: 10px;
        }
        #lifetimeWarrantyBadge{
            display: none;
        }
        .ourAwardsRowItemAL2021{
            margin-bottom: 20px;
            padding-top: 10px;
        }
        .ourAwardsRowItemBBB{
            width: 70% !important;
            padding-top: 0px;
        }
        #alaContainer, #pgqContainer {
            padding: 15px;
            margin-top: -10px;
            width: 50%;
        }
        .awardsRowItemEP {
            display: none;
        }
        #awardsRow{
            /*width: 100%;*/
        }
        .footerIconsContainer{
            display: none;
        }
        #headerLogo {
            padding: 10px;
        }
        #coffeeStatsImage{
            margin-top: 70px !important;
        }
        #roofingShingleStatsImage {
            margin-top: 80px !important;
        }
        .specialFinancingText{
            font-size: 38px;
            text-align: center;
        }

    }
    
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (max-width: 1200px) {
        .footerAddressContainer {   
            height: 150px;
        }
        #plusSignForm {
            margin: auto;            
        }

        .desktopOnly {
            display: none;
        }
        .accordion-body {
            padding: 0px 0px 0px 0px;
        }
        #nav-wrapper,
        #nav-wrapper2 {
            flex-direction: column;
        }
        /* too tall for mobile, needed elsewhere?
        #nav-wrapper2 {
            height: 105px;
        }*/
        .d-mobile {
            margin-top: 10px;
            display: block !important;
        }
        #phoneHeaderMobile {
            padding: 50px;
            font-size: 32px;
        }
        img#footerIconPhone {
            display: none;
        }
        img#footerIconLocation {
            display: none;
        }
        #nav-flex {
            flex-direction: column-reverse;
        }
        #closeNav {
            position: relative;
            right: 14px;
        }
        #content-wrapper {
            overflow-x: hidden;
        }
        .accordion-button {
            font-family: "Raleway";
            font-size: 22px;
        }
        .sub-accordion-btn {
            padding-bottom: 0.5rem !important;
            padding-top: .5rem !important;
            padding-left: 0 !important;
        }
        .mobile-links {
            list-style-type: none;
            margin: 0 !important;
            padding: 0 !important;
            border-bottom: 1px solid #f2f2f2;
        }
        .accordion-button:focus {
            background-color: transparent !important;
            border: none !important;
        }
        .accordion-button:not(.collapsed) {
            background-color: transparent !important;
        }
        .btn:focus {
            border: none !important;
        }
        .list-group-item {
            border: 0px;
            padding: .5rem 1rem;            
        }
        .list-group-item a {
            color: black;
            padding: 0px 0px 0px 0px;
        }

        button.accordion-button.sub-accordion-btn.shadow-none,
        button.sub-accordion-btn.accordion-button.collapsed.shadow-none.resetFont.text-primary {
            color: black;
        }
        #headerLogo {
            width: 90%;
            margin: auto;
            display: block;   
            margin-left: 20px;         
        }
        #mobileMenuPhoneIcon{
            margin-right: 10px;
        }
        #mobileMenu {
            height: 100%;
            width: 0;
            z-index: 100;
            overflow-x: hidden;
            overflow-y: scroll;
            position: fixed;
            padding: 0;
            padding-top: 24px;
            top: 0;
            left: 0;
            background-color: #fff;
            /* opacity: .9; */
            transition: 0.5s;
        }

        #mobileMenu .navbar-nav {
            padding-left: 8px !important;
        }
        .desktopMenuOnly {
            display: none;
        }
        #topRowDesktop {
            display: none;
        
        } 
        
    }        
    @media only screen and (min-width: 990px) {
        #socialIconsContainer{
            width: 200px;
            margin: auto;
            margin-top: 25px;
            
        }
    }
    @media only screen and (min-width: 1200px) {
        #socialIconsContainer{
                margin-left: 125px; 
        }
        #badgeWarrantyPage{
            width: 25%;
            float: left;
            padding: 0 20px 20px 0px;
        }
        section#topRowDesktop {
            position: fixed;
            top: 0;
            background: white;
            width: 100%;
            z-index: 3; 

            }
        
        nav.navbar.navbar-expand-lg.navbar-light.bg-body.desktopMenuOnly {
        position: fixed;
        top: 36px;
        background: white;
        width: 100%;
        }
        
        .hero-wrapper {
        background-color: black;
        margin-top: 6rem;
        }
        

        nav.navbar.navbar-expand-lg.navbar-light.bg-body.desktopMenuOnly {
        position: fixed;
        top: 36px;
        background: white;
        width: 100%;
        }
        
        .hero-wrapper {
        background-color: black;
        margin-top: 6rem;
        }
        
        .im-badge {
            display: block !important;
        }
        #roof3rdLevel{
            margin-top: 39px;
        }
        #windows3rdLevel{
            margin-top: 77px;
        }
        #doors3rdLevel{  
            margin-top: 119px;
        }
        .footerIconsContainer{
            width: 10%;        
            
        }
        .mobileOnlyNav{
                display: none;
        }
        p.mainCopy {
            text-align: justify;
            justify-content: center;
        }
        .w-40 {
            width: 40% !important
        }
        .prodServicesMenuBreak {
            display: none;
        }

        #socialIconsContainer{
            width: 200px;
            margin: auto;
            margin-left: -1px;
        }
        .socialIcons{
            width: 50px;
            margin-top: 20px;
            
            padding: 0px;
            
            margin-right:5px;
            margin-left:auto;
             

        } 
        /*  intended to block scrolling on map but didn't work      
        .overlay {
               background:transparent; 
               position:relative; 
               width:100%
               height:640px; /* your iframe height */
        /* top:640px;  your iframe height */
        /* margin-top:-640px;  your iframe height */
        /* }*/
    }
    @media only screen and (min-width: 1400px) {
        
        section#topRowDesktop {
            position: fixed;
            top: 0;
            background: white;
            width: 103%;
            }
    }
    @media only screen and (min-width: 1500px) {
        div#nav-wrapper {
            width: 100%;
            
        }
        #headerLogo{
            margin-right: 5px;
        }
        .navbar .nav-item:not(:last-child) {
            margin-right: 25px;
        }
    }
    @media only screen and (min-width: 1600px) {
        div#nav-wrapper {
            width: 90%;
            margin-left:0px;
        }
        .navbar .nav-item:not(:last-child) {
            margin-right: 25px;
        }
    }
    @media only screen and (min-width: 1700px) {
        div#nav-wrapper {
            width: 85%;
            margin-left:0px;
            padding-right: 0;
        }
        .navbar .nav-item:not(:last-child) {
            margin-right: 25px;
        }
        .navbar-nav {
            margin-left: 150px;
        }
    }
    @media only screen and (min-width: 1800px) {
        div#nav-wrapper {
            width: 85%;                        
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 0;
        }
    }
    @media only screen and (min-width: 1900px) {
        div#nav-wrapper {
            
            
        }
    }
    /* consolidate this */
    
    @media only screen and (min-width: 600px) and (max-width: 1500px) {
        #nav-wrapper {
            width: 92%;
        }
        .carousel-inner{
            width: 100%;
        }
        div#nav-wrapper {
            width: 100%;
        }
        .dropdown-item{
            padding-left: 10px;
            padding-top: 10px;
            padding-bottom: 5px;
            padding-right: 5px;
        }
    }
    
    @media only screen and (min-width: 600px) and (max-width: 1670px) {
        #pageContentContainer {
            max-width: 1200px;
        }

        .ourAwardsRowItemEP {
            width: 100%;
            height: auto;
            margin-left: 30px;
            margin-top: 30px;

        }
        .awardsRowItemAL {
            padding: 20px;
            margin-top: 5px;
        }
        .awardsRowItemGQ {
            margin-top: 20px;
            width: 250px;
        }
        .awardsRowItemTop500 {
            margin-top: 5px
        }
        .awardsRowItemBBB {
            margin-top: 20px
        }
        #mastersCraftBlurb {
            width: 85%;
        }
        .navbar-brand {
            margin-right: 25px;
        }
        #fourCsText {
            margin-right: 45px;
        }
        .col-7 {
            padding-right: 5px !important;
        }
        .navbar-nav {
            padding-left: 5px;
        }
        #fourCsImage {
            margin-left: 100px;
        }
        #footerIconLocation,
        #footerIconPhone {
            padding-right: 10px;
        }
        h1.fourCs {
            margin: 40px 0px 20px -20px;
        }
        #lifetimeWarrantyBadge {
            width: 75%;
            padding-top: 50px;
        }
        #requestQuoteHeader,
        #downloadBrochureHeader {
            font-size: 16px;
        }
        .row>* {
            padding-left: 0px;
            padding-right: 0px;        
        }
        .autoMargin{
            margin: auto;
        }
    }
    
    @media only screen and (min-width: 1600px) {
        .navbar-nav {
            margin-left: 90px;
        }
    }
    
    @media only screen and (min-width: 1671px) {
        .navbar-nav {
            margin-left: 220px;
        }
    }
    @media only screen and (min-width: 380px) and (max-width: 400px) {
        
        #mastersCraftBlurb{
            font-size: 30px;
        }
        .guildHighlight{
            font-size: 32px;
        }
    }

    


    @media only screen and (max-width: 325px) {
        #lifetimeWarrantyBadge {
            margin-top: 0px;
        }
        .heroHeaderText, #heroHeaderTextContact {
            font-size: 34px;
        }
        h6.letsStart {
            font-sze: 18px
        }
    }
    /* Small devices (portrait tablets and large phones, 600px and up) */
    
    @media only screen and (max-width: 599px) {
        #lifetimeWarrantyBadge {
            width: 40%;
            margin-top: -65px;
        }
        .fullWidthForText {
            padding-right: 30px;
            margin-left: 20px;
            margin-right: 35px;
        }
        .leftMarginMatchLogo{
            
            margin-left: 20px;
            margin-right: 35px;
        }
        .serviceAreaCityColumn{
            width: 100%;
        } 
        #mapCell {
            width: 100%;
            text-align: center;
        }
        #contactInfoCell {
            width: 100%;     
            margin-left: 20px;   
        }
        #contactMap{
            width: 100%;
            height: 300px;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
        }
        .styles-cell{
            width: 100%;
        }
        .sidingGalleryHero{
            height: 350px;
        }
        .heroHeaderTextWithForm{
            margin-top: 50px;
        }
        .secondaryPageContent{
            margin-left: 20px;
            margin-right: 20px;
        }
        .heroWithForm{
            margin-top: 0px;
        }
        .heroHeaderTextAll, .secondaryPageHeader, .secondaryPageHeaderNoMargin{
            font-size: 34px;
        }
        .secondaryPageHeader{
            margin-left: 0px;
        }
        .secondaryPageHeaderNoMargin{

        }
        #contactMap{
            width: 90%;
        }
        .copyAreaRightColumn, .copyAreaLeftColumn{
            margin-top: 10px;
            margin-right: 20px;
            margin-left: 20px;
            padding:  0 35px 0 0;
        }
        .secondaryPageHeaderNoMargin{
            margin-top: 15px;
        }
    }
    @media only screen and (max-width: 550px) {
        #lifetimeWarrantyBadge {
            width: 45%; 
            margin-top: -60px;
        }
    }
    /* Smaller phones SE, XR */
    

    @media only screen and (max-width: 425px) {
        
        .footerLicenseInfoContainer{
            margin-left: 35px;
        }
        #lifetimeWarrantyBadge {
            padding-top: 0px;
            margin-top: 10px;
            width: 49%;
        }
        .ourAwardsRowItemBBB{
            padding-top: 0px;
        }
        .ourAwardsRowItemAL2021{
            padding-top: 10px;
        }
        .ourAwardsRowItemAL2022{               
            margin-bottom: 10px; 
        }
        #awardsRow {
            width: 65%;
            height: 450px; 
            margin-bottom: 10px;    
            margin-top: 30px;        
        }
        #ourAwardsContainer{
            width: 100%;
            padding: 0px;
        }
        #ourAwardsRow{
            margin: 20px 0px 20px 0px;
        }
        .awardsRowItemAL{
            margin-left: 3px;
        }
    }
    
    @media only screen and (max-width: 400px) {
        #lifetimeWarrantyBadge {
            padding-top: 0px;
            margin-top: 15px;
        }
        #mastersCraftBlurb {
            width: 92%;
        }

        #headerLogo{
                margin-top: 5px; 
        }
    }
    @media only screen and (max-width: 370px) {
        h6.letsStart {
            margin-left: 10px;
            font-size: 16px;
        }
        #lifetimeWarrantyBadge {
            font-size: 34px;
            width: 65%;
            margin-top: 5px;
        }
    }

    @media only screen and (min-width: 991px) and (max-width: 1199px) {
        .form-check-label{
            font-size: 16px;
        }
        .form-label{
            font-size: 20px;
        }
        .specialFinancingText{
            font-size: 28px;
        }
        p.mainCopy{
            padding: 0px 20px 20px 30px; 
                font-size: 22px;
        }


    }

    @media only screen and (min-width: 1400px) and (max-width:  1600px) {

        div#navbarNavDropdown {
            margin-right: 53px;
        }
    }
    @media only screen and (max-width: 991px) {
        #socialIconsContainer{
                margin-left: 115px;
                margin-top: 20px;
        }
    }

    @media only screen and (min-width: 601px) {
            #bottomFinancingPlusSign{
                margin-top: -5px !important;
        } 
    }

    @media only screen and (min-width: 0px) and (max-width: 1300px) {
        .laptopOnly{
            display: none !important;
        }

    }
    @media only screen and (min-width: 1500px){
        .laptopOnly{
            display: none !important;
        }
        
    }
    @media only screen and (min-width: 1301px) and (max-width: 1499px) {
        .notLaptop{
            display: none !important;
        }
        .awardsRowItemGQ,.ourAwardsRowItemGQ{
            padding: 0px;
        }
        .sidingSecondaryPageContent{

            margin-left: 98px;
            margin-right: 50px;
        }
        .awardsRowItemTop500{
            width: 210px;
        }
        .awardsRowItemAL2021, .ourAwardsRowItemAL2021{
            width: 150px;

        }
        .ourAwardsRowItemTop500{        
            margin-left: 0px;
        }
         .ourAwardsRowItemAL2021{
            margin-left: 54px;
            width: 150px;
         }
         
        .ourAwardsRowItemBBB{
            margin-top: 25px;
            margin-left: 10px !important;
            width: 230px;
        }
        .awardsRowItemEP,.ourAwardsRowItemEP {
            width: 60%;
            margin-top: 50px;
            margin-right: 50px;
        }
        .ourAwardsRowItemAL{
            width: 85%;
            margin-left: 32px;
        }
        .ourAwardsRowItemEP {
            width: 85% !important;
        }
        .ourAwardsRowItemGQ{
            width: 85%;
            
            margin-left: 25px;
        }
        .roofingSecondaryPageContent{

            margin-left: 50px;
            margin-right: 30px;
        }
        .windowsSecondaryPageContent{
            margin-left: 50px;
            margin-right: 30px;   
        }

        .ourAwardsRowItemAL2022{
            width: 140px;
        }
    }