/* HERO SECTION */
.hero {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 40px 20px;
    flex-wrap: wrap; /* makes it mobile-friendly */
}

/* LEFT LOGO */
.band-logo {
    width: 260px;
    height: 260px;
    object-fit: contain;
}

/* RIGHT PHOTO */
.band-photo {
    width: 380px;
    max-width: 100%;
    border-radius: 10px;
    object-fit: cover;
}

/* WELCOME TEXT */
.welcome {
    text-align: center;
    margin-top: 20px;
    font-size: 2rem;
}

body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #000;
            color: #fff;
            text-align: center;
        }

        header {
            padding: 2rem 1rem;
        }

            header img {
                width: 100%;
                max-width: 350px; /* Bigger logo, but responsive */
                height: auto;
            }

        /*--.banner {
            background-color: #111;
            color: #fff;
            padding: 1rem;
            overflow: hidden;
            white-space: nowrap;
        }

            .banner p {
                display: inline-block;
                animation: scroll-left 20s linear infinite;
                font-size: 1rem;
            }

        @keyframes scroll-left {
            from {
                transform: translateX(100%);
            }

            to {
                transform: translateX(-100%);
            }
        }*/

        .social-links {
            margin: 2rem 0;
        }

            .social-links a {
                display: inline-block;
                margin: 0 1rem;
            }

            .social-links img {
                width: 40px;
                height: 40px;
            }

        .contact {
            margin-top: 1rem;
            font-size: 1rem;
        }

            .contact a {
                color: #fff;
                text-decoration: none;
            }

                .contact a:hover {
                    text-decoration: underline;
                }

        footer {
            background-color: #111;
            padding: 1rem;
            margin-top: 1rem;
            font-size: 0.9rem;
        }