h1 {
    font-weight: bold;
}

.header-home {

    h1 {
        color: white;
        font-weight: bold;

    }

    h2 {
        color: white;
    }

    p {
        color: white;
        font-weight: bold;
    }

    width: 100%;
    /* Ensure it takes the full width */
    height: 75vh;
    background-image: linear-gradient(rgba(20, 20, 20, 0.274),
        rgba(20 20 20 / 76%)),

    url('../img/header-images/header-home-min.jpg');
    background-position: 0,
    0;
    background-size: cover;
    /* Ensure the image covers the entire area */
    background-position: left;
    background-repeat: no-repeat;
    /* Prevent image tiling */
}


.header-ceramic-coating {
    h1 {
        color: white;
        font-weight: bold;

    }

    h2 {
        color: white;
    }

    p {
        color: white;
        font-weight: bold;
    }

    width: 100%;
    /* Ensure it takes the full width */
    height: 75vh;
    background-image: linear-gradient(rgba(20, 20, 20, 0.274),
        rgba(20 20 20 / 76%)),

    url('../img/home-page-images/home-services-ceramic-coating-min.jpg');



    background-position: 0,
    0;
    background-size: cover;
    /* Ensure the image covers the entire area */
    background-position: left;
    background-repeat: no-repeat;
    /* Prevent image tiling */
}

@media screen and (min-width: 768px) {
    .header-ceramic-coating {
        background-image:
            linear-gradient(rgba(20, 20, 20, 0.274),
                rgba(20 20 20 / 76%)),

            url('../img/header-images/header-ceramic-coating-scarborough-min.jpg');
        background-position: top;
        height: 80vh;

    }
}




.header-paint-correction {
    h1 {
        color: white;
        font-weight: bold;

    }

    h2 {
        color: white;
    }

    p {
        color: white;
        font-weight: bold;
    }

    width: 100%;
    /* Ensure it takes the full width */
    height: 75vh;
    background-image: linear-gradient(rgba(20, 20, 20, 0.274),
        rgba(20 20 20 / 76%)),

    url('../img/header-images/header-paint-correction-min.jpg');





    background-position: 0,
    0;
    background-size: cover;
    /* Ensure the image covers the entire area */
    background-position: left;
    background-repeat: no-repeat;
    /* Prevent image tiling */
}


.header-maintenance-detailing {
    h1 {
        color: white;
        font-weight: bold;

    }

    h2 {
        color: white;
    }

    p {
        color: white;
        font-weight: bold;
    }

    width: 100%;
    /* Ensure it takes the full width */
    height: 75vh;
    background-image: linear-gradient(rgba(20, 20, 20, 0.274),
        rgba(20 20 20 / 76%)),

    url('../img/header-images/header-maintenance-detail-mobile-min.jpg');





    background-position: 0,
    0;
    background-size: cover;
    /* Ensure the image covers the entire area */
    background-position: left;
    background-repeat: no-repeat;
    /* Prevent image tiling */
}


.header-fleet-detailing {
    h1 {
        color: white;
        font-weight: bold;

    }

    h2 {
        color: white;
    }

    p {
        color: white;
        font-weight: bold;
    }

    width: 100%;
    /* Ensure it takes the full width */
    height: 75vh;
    background-image: linear-gradient(rgba(20, 20, 20, 0.274),
        rgba(20 20 20 / 76%)),

    url('../img/header-images/header-fleet-maintenance.jpg');





    background-position: 0,
    0;
    background-size: cover;
    /* Ensure the image covers the entire area */
    background-position: left;
    background-repeat: no-repeat;
    /* Prevent image tiling */
}


/* Bronze color */
.bronze {
    color: #b08d57; /* Muted bronze for readability */
}

/* Silver color */
.silver {
    color: #a8a9ad; /* Soft silver, not too bright */
}

/* Gold color */
.gold {
    color: #d4af37; /* Muted gold for a classic, readable look */
}

/* Gold Plus color */
.gold-plus {
    color: #cba135; /* Slightly deeper gold for differentiation */
}

/* Platinum color */
.platinum {
    color: #bcc6cc; /* Soft, neutral platinum for a modern look */
}

/* Platinum Plus color */
.platinum-plus {
    color: #a5a9aa; /* Slightly darker platinum for emphasis */
}