/* ------------------------------
   MARFILÃO Temporary Landing Page
   Brand Colors:
   Charcoal: #1A1A1A
   White: #FFFFFF
   Construction Orange: #F28C28
--------------------------------*/

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Full-screen background */
body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;

    /* Replace with your background image */
    background-image: url("background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #1A1A1A; /* fallback charcoal */
}

/* Centered logo container */
.center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* Logo styling */
.logo {
    max-width: 60vw;
    max-height: 60vh;

    /* Ensures perfect scaling on all devices */
    width: auto;
    height: auto;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .logo {
        max-width: 80vw;
        max-height: 50vh;
    }
}