:root {
            
            --bc-navy: #172e81;

            
            --bc-gold: #ebbf14;

           
            --bc-text: #2f2f2f;
            /*--bc-gray-dark: #2f2f2f;*/


            --bg-light: #f4f7f9;
            --bc-gray-100: #e9ecef;

            --font-family: 'HelveticaNeueLTStd-Bd', Helvetica, Arial, sans-serif;
             /*--font-body: 'HelveticaNeueLTStd-Roman', Helvetica, Arial, sans-serif;*/
        }



.intStaff{
  /*max-width: 800px;*/
}

        .team-grid {
            display: flex;
            gap: 30px;
            flex-wrap: row;
        }

        .team-member {
            flex: 1;
            min-width: 200px;
            display: flex;
            flex-direction: column;
        }

        .image-container {
            width: 100%;
            aspect-ratio: 1 / 1;
            overflow: hidden;
            margin-bottom: 20px;
        }

        .image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .name {
            font-size: 2rem;
            color: var(--bc-navy);
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 10px;
            position: relative;
        }

        .name::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 50%;
            height: 3px;
            background-color: var(--bc-gold);
        }

        .role {
            font-size: 1.6rem;
            margin-bottom: 20px;
            color: var(--bc-text);
        }

        .contact-info {
            margin-top: 10px;
        }

        .contact-link {
            display: flex;
            align-items: flex-start;
            text-decoration: none;
            color: var(--bc-navy);
            font-size: 1.4rem;
            margin-bottom: 8px;
            font-weight: 500;
        }

        .contact-link:hover {
            text-decoration: underline;
        }

        .icon {
            margin-right: 10px;
            width: 16px;
            height: 16px;
            display: inline-block;
            fill: currentColor;
        }

        /* Responsive Styles - Mobile and Tablet */
        @media (max-width: 992px) {
            .team-member {
                min-width: calc(50% - 15px);
            }
        }

        @media (max-width: 600px) {
            h1 {
                font-size: 2rem;
                text-align: center;
            }
            .team-member {
                min-width: 100%;
                text-align: center;
            }
            .name::after {
                left: 25%;
                width: 50%;
            }
            .contact-link {
                justify-content: center;
            }
        }