html {
        scroll-behavior: smooth;
    }
    
    body {
        /* background-color: white; */
        /* background-color: #6e0000; */
        color: #000000;
        font-family: 'Heebo', sans-serif;
        /* background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc); */
    }
    
    #sstat {
        font-weight: 700;
    }
    
    .navbar {
        background-color: rgba(248, 249, 250, .05);
    }
    
    #home {
        background-image: url(assets/img/station.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 950px;
        width: 100%;
    }
    
    #homeJumbo {
        background-color: rgba(233, 236, 239, .5);
    }
    
    #content {
        /*background-color: rgba(89, 89, 89, 0.32);*/
        color: white;
    }
    
    #services {
        background-image: url(assets/img/fuels.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 950px;
        width: 100%;
    }
    
    .servicerow {
        padding-top: 5rem;
    }
    
    #contact {
        background-color: rgba(255, 255, 255, 0);
        background-image: url(assets/img/Contact.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 950px;
        width: 100%;
    }
    
    #contactForm {
        background-color: rgba(255, 255, 255, 0);
    }
    
    #affiliates {
        background-color: rgba(255, 255, 255, 0);
        background-image: url(assets/img/affiliates.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 950px;
        width: 100%;
    }
    
    #customers {
        background-color: rgba(255, 255, 255, 0);
        background-image: url(assets/img/Customers.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 950px;
        width: 100%;
    }
    
    p {
        padding-top: 20px;
    }
    
    .acard {
        padding-top: 2rem;
    }
    
    .fillerText {
        padding-bottom: 3rem;
    }
    
    .cardimg {
        width: 104px;
        height: 104px
    }
    
    .smallimg {
        padding-top: .5rem;
        width: 157px;
        height: 157px;
        /* border: 1px red solid; */
    }
    
    .custimg {
        width: 208px;
        height: 208px;
    }
    
    .opcasmall {
        max-height: 100%;
        max-width: 100%;
        padding-top: 3.5rem;
    }
    
    .opcasmalldiv {
        display: block;
        width: 157px;
        height: 157px;
    }
    
    .lead {
        font-weight: 500;
    }
    /* .conttext {

    background-color: #e7ebf0;

} */
    
    .contimg {
        padding: 0;
    }
    
    .servpoint {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    
    #spacing {
        margin-bottom: 2rem;
    }
    
    #contspace {
        margin-bottom: 3rem;
    }
    
    #affspacing {
        margin-bottom: 4rem;
    }
    /* DO NOT USE THIS FOR NOW  */
    
    .wrapperHome {
        width: 50%;
        /* whatever width you want */
        display: inline-block;
        position: relative;
        background-size: cover;
        background: url(assets/img/station.jpg) top center no-repeat;
        margin: 0 auto;
    }
    
    .wrapper:after {
        padding-top: 67%;
        /* this llama image is 800x600 so set the padding top % to match 600/800 = .75 */
        display: block;
        content: '';
    }
    
    .main {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        color: black;
        text-align: center;
        margin-top: 5%;
    }
    
    #map {
        width: 400px;
        height: 100%;
    }
    
    .contactcont {
        background-color: rgba(233, 236, 239, .5);
        padding-top: 1rem;
        padding-bottom: 1rem;
    }