body {
            display: flex;
            flex-direction: column;
        }

        header img,
        footer img {
            height: 100%;
            max-height: 45px;
        }

        footer {
            position: relative;
            width: 100%;
            padding: 20px 0px;
            margin-top: auto;
        }

        .footer-links 
        {
            flex-direction: column;
        }

    
        @media (min-width: 576px) 
        {
            .footer-links {
            flex-direction: row;
            }

        }
        

        main {
            padding: 0px;
        }

        .breadcrumb { display:flex !important; margin-bottom:20px;}

        .meet-team {
            border: none;
            background-color: rgb(222, 241, 255);
            padding: 0 30px;
            color: #fff;
            font-size: 16px;
            display: flex;
            justify-content: left;
            align-items: center;
            width: 360px;
            box-sizing: border-box;
            position: relative;
            float: right;
            padding: 0px;
            height: 50px;            
        }
        
        .meet-team .title {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            color: #000;
        }

        .meet-team .title:hover {
            background-color: rgb(0,35,149);   
            color:#fff;
        }

        #header-menu {
            top: 50px;
            width: 100%;
            overflow-y:auto;
            max-height: 70vh;
        }

        .meet-team li .dd-option {
            background-color: rgb(0,35,149);
            border: solid 1px rgb(0,35,149);
            flex-direction: column;
            color: #fff;
            align-items: center;
            font-size: 16px;
            font-weight: 400;
            margin-top: 5px;
        }

        .meet-team li button {
            width: 100%;
            color: #fff;
            text-align: left;
            border: none;
            box-shadow: none;
        }

        #bd-profiles {
            padding-top: 20px;
            padding-left: 20px;
            margin-bottom: 20px;
        }

        .bd-profile {
            transition: .4s all ease-in-out;
        }

        .bd-nav {
            padding-top: 10px;
            cursor: pointer;
        }

        .team-content {
            padding: 15px 30px;
            max-height: 100%;
            transition: transform .4s ease-in-out;
            overflow-y: auto;
            max-height: 100%;
        }

        .team-content .job-title {
            color: #008caf;
            font-size: 14px;
            line-height: 25px;
            margin-top: 5px;
        }

        .team-content .name {
            font-size: 25px;
            line-height: 30px;

        }

        .team-content .links {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
            gap: 20px;
            margin-top: 15px;
            margin-bottom: 20px;
        }

        .team-content .logo {
            padding: 8px;
            background-color: #d3d3d3;
            border-radius: 100%;
            aspect-ratio: 1;
            display: flex;
        }

        .team-content img {
            max-width: 100%;
        }

        .main-title {
            font-size: 50px;
            line-height: 70px;
            font-weight: 300;
            color: rgb(0,35,149);
        }

        .phase {
            background-color: rgb(222, 241, 255);
            color: #000;
            font-size: 25px;
            line-height: 40px;
            font-weight: 300;
            padding: 20px;
            display: flex;
            flex-direction: column;
            pointer-events: all;
            cursor: pointer;
            justify-content: space-between;
            /*border: solid 1px #006e3e;*/
            box-sizing: border-box;
            height: 200px;
            margin: 20px;
        }

        .phase:hover {
            color: #fff;
            background-color: rgb(0,35,149);
            border: none;
            position: relative;
        }

        .link-icon {}

        .sub-title {
            display: none;
        }

        .mol-option {
            padding: 10px 18px;
            color: #000;
            cursor: pointer;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 10px;
            align-items: center;
            font-size: 16px;
            line-height: 26px;
            background-color: rgb(222, 241, 255);
            border: solid 1px rgb(222, 241, 255);
            margin-top: 5px;
        }

        .mol-option:hover {
            background-color: rgb(0,35,149);
            /*border: solid 1px #006e3e;*/
            color: #fff;
        }

        .atom-menu {
            display: none;
        }

        .atom-menu a {
            text-decoration: none;
            display: inline-block;	    
        }

        .atom-menu a.electron-opener {
            width: 100%;
        }

        .atom-option {
            background-color: rgb(222, 241, 255);
            /*border: solid 1px #006e3e;*/
            flex-direction: column;
            padding: 10px;
            color: #000;
            align-items: center;
            font-size: 16px;
            font-weight: 400;
            margin-top: 5px;
            /*overflow-y:auto;
            max-height:60vh;*/
        }

        .atom-option:hover,
        .atom-option.highlight,
        .electron-list {
            background-color: rgb(0,35,149);
            border: solid 1px rgb(0,35,149);
            color: #fff;
        }

        .atom-option:hover a,
        .electron-list a {
            color: white;
        }

        .atom-question {
            margin-top: 5px;
        }

        .electron-opener:after {
            font-family: 'Font Awesome Pro 6';
            content: '\2b';
            color: #000;
            float:right;
        }

        .electron-opener[aria-expanded=true]:after {            
            content: '\2014';
            color: #fff;
            float:right;
            font-size: 10px;
        }

        .electron-opener .electron-list {
            margin-top: 20px;
            padding: 20px;
            margin-bottom: 20px;
        }

        .electron-content {
            border-bottom: 1px solid #fff;
            padding-bottom: 20px;
        }

        .electron-list {
            margin-top:10px;
            padding:10px;
        }

        .electron-title {
            font-size: 25px;
            line-height: 1.5;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .electron-link {
            margin-top: 20px;
        }

	.electron-link a {
		margin-left:10px;
	}

        .breadcrumb-item {
            display: inline-block;
            cursor: pointer;
        }

        .electron-content img {
            max-width: 100%;
            margin: 20px 0px;
        }

        .questions {
            display:none;
        }
        @media (min-width: 768px) 
        {
            .questions {
                display:block;
            }
        }

        .question-menu {
            display:none;
            margin-left: 10vw;
        }

        .modal-dialog {
            max-width:100%;
        }
    .modal-content {
        margin: 5%;
        height:80%;

    }

    .modal-dialog .modal-content .modal-body {
        margin:20px;
    }


    #if_content {
        width:100%;
        height:100%;
    }