/* Custom styles for responsive navbar size */
@media (max-width: 576px) { /* Phones */
    .navbar {
        font-size: 1.2rem; /* Larger text for mobile */
        padding: 1rem; /* More padding */
    }
    .navbar-nav .nav-link {
        padding: 0.75rem 1.25rem;
    }
}

@media (min-width: 577px) and (max-width: 768px) { /* Tablets */
    .navbar {
        font-size: 1rem; /* Moderate size for tablets */
        padding: 0.75rem;
    }
    .navbar-nav .nav-link {
        padding: 0.5rem 1rem;
    }
}

@media (min-width: 769px) { /* Computers */
    .navbar {
        font-size: 0.9rem; /* Default size for desktops */
        padding: 0.5rem;
    }
    .navbar-nav .nav-link {
        padding: 0.25rem 0.75rem;
    }
}

.home-car-background {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url("/images/home-car-background.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}