body {
            font-family: 'Roboto', sans-serif;
        }
        
header {
            background-color: #020066;
            padding: 10px 0; /* Reduced padding */
        }



.card {
    border: none;
    transition: transform 0.2s;
}

.card:hover {
    transform: scale(1.05);
}

footer {
    background-color: #343a40;
    color: white;
}

h2 {
    font-weight: bold;
    margin-bottom: 20px;
}

ul {
    padding-left: 0;
    list-style-type: none;
}

ul li {
    font-size: 1.2em;
    margin: 10px 0;
}
/* New */
        .hero {
            background-image: url('https://www.gastronomos.gr/wp-content/uploads/2021/03/b_img_3294_1700.jpg');
            background-size: cover;
            background-position: center;
            height: 800px; /* Adjust height as needed */
            position: relative;
            color: #020066;
        }
        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255, 255, 255, 0.5); /* White transparent overlay */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .menu-background {
            background-image: url('https://dynamic-media-cdn.tripadvisor.com/media/photo-o/25/4e/48/cd/taverna-kavouropetra.jpg?w=1100&h=-1&s=1');
            background-size: cover;
            background-position: center;
            padding: 20px;
            border-radius: 10px;
            position: relative;
            color: #020066; /* Font color for menu */
        }
        .menu-background .card {
            background-color: rgba(255, 255, 255, 0.8); /* Transparent card background */
        }
body {
    font-family: 'EB Garamond', serif; /* Use Garamond as the primary font */
}
    .logo-container::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.5); /* White overlay */
        border-radius: 5px; /* Optional: rounded corners */
        z-index: 1; /* Ensure overlay is above the image */
    }


    .logo-container {
        margin: 0 15px; /* Space between logos */
        position: relative;
    }
    .logo {
        height: 75px; /* Set uniform height for logos */
        width: auto; /* Maintain aspect ratio */
        transition: transform 0.3s;
    }
    .logo:hover {
        transform: scale(1.05); /* Slight zoom effect on hover */
    }