:root {
    --primary: #58595b; /* Grey */
    --primary-dark: #444546;
    --primary-light: #acaeb2;
    --primary-rgb: 88, 89, 91;
    --primary-dark-rgb: 68, 69, 70;
    --primary-gradient: linear-gradient(to right, var(--primary-dark), var(--primary), var(--primary-light));
    --secondary: #b85724; /* Orange */
    --font: #000;
    --menu-bg: #FFF;
    --header-icons: var(--primary);
    --alt-color-1: var(--secondary);
    --alt-color-2: var(--primary);
    --alt-color-3: var(--primary);
    --alt-color-4: var(--secondary);
}

.banner-img {
    height: 400px;
    object-fit: cover;
    object-position: 50% 75%;
}

@media screen and (max-width: 1000px) {
    .banner-img {
        height: 250px;
        object-fit: cover;
        object-position: 50% 0;
    }
}