:root {
    --primary-color: #FF2304;
    --primary-color-hover: #FF391D; /* Lighten 5% */
    --primary-color-active: #FF5037; /* Lighten 10% */
}

.page-title {
    background-image:
        linear-gradient(
            to right,
            rgba(255, 35, 4, 0.6),
            rgba(255, 35, 4, 0.4)
        ),
        url("img/shears-broom.jpg");
    background-position: center;
    background-size: cover;
}

.invoice_header {
    background-image:
        linear-gradient(
            to right,
            rgba(255, 35, 4, 0.6),
            rgba(255, 35, 4, 0.4)
        ),
        url("img/shears-paver.jpg");
}