/* COLOR THEME */
:root {
    --primary-color: #004766;
}

/* TOP CONTACT BAR */
.top-contact-bar {
    background: var(--primary-color);
    color: #ffffff;
    font-size: 14px;
}

.contact-items span {
    margin-right: 18px;
    display: inline-block;
    font-weight: 500;
}

/* SOCIAL ICONS */
.social-icons a {
    display: inline-block;
    margin: 0 4px;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 6px 8px;
    border-radius: 50%;
    transition: 0.3s;
}
.social-icons a:hover {
    background: #ffffff;
    color: var(--primary-color) !important;
}

/* BIG LOGO */
.main-logo {
    height: 120px;     /* Bigger for first impression */
    max-width: 100%;
    object-fit: contain;
    /* border: 5px solid #004766;
    border-radius: 15px;             
    box-shadow: 0 4px 18px rgba(0, 71, 102, 0.20);
    background: #ffffff;  */
}

/* SPACING BELOW LOGO */
.logo-header {
    border-bottom: 1px solid #e3e3e3;
}

/* MOBILE RESPONSIVE */
@media (max-width: 767px) {

    .contact-items span {
        display: block;
        margin-bottom: 6px;
    }

    .main-logo {
        height: 90px;
    }
}