/* ======================== */
/*       HOME PAGE          */
/* ======================== */

/* Full page background with light transparent overlay */
.home-background {
    position: relative;
    background: url('/images/facarch.png') no-repeat center center;
    background-size: cover;
    height: 100vh;
    width: 100%;
}

    /* Light transparent overlay */
    .home-background::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.2);
    }

/* Keep content above overlay */
.home-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

/* Logo image */
.home-logo {
    width: 230px; /* slightly bigger */
    max-width: 90%;
    height: auto;
    margin-bottom: 20px;
    display: block;
}

/* Subtitle */
.home-subtitle {
    font-size: 30px; /* larger */
    color: #2645e0; /* blue */
    margin-top: 12px;
    font-weight: 600;
}

}

/* ======================== */
/*       RESPONSIVE         */
/* ======================== */

@media (max-width: 992px) { /* Tablet */
    .home-logo {
        width: 190px;
    }

    .home-subtitle {
        font-size: 24px;
    }
}

@media (max-width: 576px) { /* Mobile */
    .home-logo {
        width: 150px;
    }

    .home-subtitle {
        font-size: 20px;
    }
}

/* ======================== */
/*        NAVBAR            */
/* ======================== */

.navbar {
    background-color: #2645e0; /* Your new blue */
}

    .navbar .navbar-brand,
    .navbar .nav-link {
        color: white !important;
    }

        .navbar .nav-link:hover {
            color: #cce5ff !important;
        }


/* ======================== */
/*        BODY              */
/* ======================== */

body {
    margin: 0;
    padding: 0;
}