body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

.container-fluid {
width: 100%;
padding: 0 15px;
margin: 0 auto;
}

.row {
display: flex;
flex-wrap: wrap;
}

.header-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}

.logo-section {
flex: 1;
text-align: center;
}

.info-section {
flex: 2;
text-align: center;
}
/* 
.logo {
width: 100px;
} */

.college-name {
font-size: 31px !important;
font-weight: bold;
}

.location, .postal-code {
font-size: 0.875em;
}

.affiliation {
font-size: 0.75em;
}

.info-section  p{
    line-height: 1;
    font-size: 16px;
}


/* For mobile devices */
@media (max-width: 767px) {
    .header-content {
        flex-direction: column;
        text-align: center;
    }

    .logo-section {
        margin-bottom: 20px;
    }

    .info-section {
        margin-bottom: 20px;
    }
}

.logo-section {
    flex: 1;
}

.info-section {
    flex: 2;
}

/* .logo {
    width: 100px;
} */

.location, .postal-code {
    font-size: 0.875em;
}

.affiliation {
    font-size: 0.75em;
}