html {
    -webkit-text-size-adjust: 100%;
}

body {
    background-color: #fff;
    min-width: fit-content;
}

img {
    width: 100%;
}

#fuelWithPointsLogo {
    background: #3d4558;
}

.logo {
    background: #3d4558;
}

.logo .logo-image {
    float: left;
}

#first h2 {
    color: #3d4558;
}

#quadrants {
    margin-top: -1px;
}

#quadrants, #howItWorks, #fuelFooter {
    background: #3e4657;
    color: #ffffff;
}

#fuelFooterContent {
    padding:30px;
}

#quadrants img {
    width: 45%;
}

#quadrants p {
    font-size: 1rem;
}

#quadrants .offset-lg-1 {
    margin-left: 13%;
}

#fuelCopyright {
    margin-bottom: .5em;
}

#termsLink {
    text-decoration: underline;
}

#fuelDisclaimer, #fuelCopyright {
    font-size: 0.8em;
}

.logo-resize {
    width: 50%;
}

#howItWorksSpacer {
    background: #c8e8f6;
    margin: 55px 0 0 80px;
    z-index: 10;
}

#howItWorks h1 {
    z-index: 15;
    position: absolute;
    font-size: 3.5rem;
}

#howItWorks {
    position: relative;
}

#howItWorksSpacer p {
    font-size: 10px;
}

@media (max-width: 575.98px) {
    #howItWorksSpacer {
        margin: 50px 0 0 0;
    }
    #howItWorks h1 {
        font-size: 2.5rem;
    }
    #quadrants img {
        width: 25%;
    }
    #fuelFooterContainer {
        display: flex;
        justify-content: center;
    }
    #fuelFooter img {
        max-width: 200px;
    }
    #fuelCopyright {
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    #fuelHeroImage {
      width: 100%;
    }
    #heroContainer {
      padding: 0;
    }
}

@media (min-width: 992px) {
    #fuelHeroImage {
      width: 80%;
    }

}