body {
    background-color: black;
    color: #E09CA2;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    box-sizing: border-box;
}

.container {
    text-align: center;
    max-width: 90%; /* Adjust as needed for overall page width */
}

/* Top Section */
.top-section img {
    width: 300px; /* Desktop size for rbk-head.png */
    height: 300px; /* Desktop size for rbk-head.png */
    object-fit: contain; /* Ensures the entire image is visible, scales to fit */
    display: block; /* Remove extra space below image */
    margin: 0 auto 20px auto; /* Center image and add spacing */
}

.top-section h1 {
    color: #E09CA2;
    margin-bottom: 5px;
}

.top-section h2 {
    color: #E09CA2;
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 40px; /* Space below sub-heading */
}

/* Middle Section */
.middle-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Allows icons to wrap on smaller screens if needed */
    gap: 20px; /* Space between icons */
    margin-bottom: 40px; /* Space below middle section */
}

.middle-section img {
    width: 100px; /* Desktop size for icons */
    height: 100px; /* Desktop size for icons */
    max-width: 100%; /* Ensure images don't overflow on smaller screens */
    height: auto; /* Maintain aspect ratio */
}

/* Bottom Section */
.bottom-section p {
    color: #E09CA2;
    margin: 5px 0;
}

.bottom-section a {
    color: #E09CA2;
    text-decoration: none;
}

.bottom-section a:hover {
    text-decoration: underline;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) { /* Adjust breakpoint as needed for mobile */
    .top-section img {
        width: 30vw; /* **Mobile size for rbk-head.png** */
        height: 30vw; /* **Mobile size for rbk-head.png** */
    }

    .middle-section {
        flex-direction: column; /* Stack icons vertically on mobile */
    }

    .middle-section img {
        width: 30vw; /* **30% of viewport width for mobile icons** */
        height: auto; /* Maintain aspect ratio */
    }

    .top-section h1 {
        font-size: 1.8em;
    }

    .top-section h2 {
        font-size: 1em;
    }
}

@media (max-width: 480px) { /* Further adjustments for very small screens */
    .top-section img,
    .middle-section img {
        width: 40vw; /* Slightly larger on very small screens if 30vw is too small */
        height: auto;
    }
}