body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 20px;
    text-align: center;
}

h1 {
    margin: 0;
    font-size: 3em;
}

.b1 {

    margin: 0;
    font-size: 1.5em;
}

.spacer {
    height: 1em;
}

.bilogo {
    margin-top: 1em;
    max-width: 70%; 
}

.sublogos {
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

.sublogo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1em;
}

.sublogos img {
    margin: 0 1em;
    max-width: 70%;
}

.sublogo p {
    margin-top: 0.5em; /* Space between logo and text */
    font-size: 1.0em;
}

.separator {
    height: 1px; /* Height of the separator line */
    background-color: #ccc; /* Color of the separator line */
    width: 70%; /* Width of the separator line */
    margin: 0.5em 0; /* Space around the separator line */
}

@media (max-width: 600px) {
    .sublogos {
        flex-direction: column; /* Stack items vertically */
        align-items: center;    /* Center items horizontally */
    }

    .sublogo {
        margin: 1em 0; /* Adjust margin for vertical spacing */
    }

    .bilogo {
        margin-top: 1em;
        max-width: 100%; 
    }

    .sublogos img {
        margin: 0 1em;
        max-width: 50%;
    }

    .separator {
        width: 50%;
    }
    
}