h3 {
		margin: 0.5em 0 0em;
	}

	span.modalPosition {
		font-size: 16px;
    	line-height: 22px;
	}

	.panel__team_member_list {
		margin-bottom: 20px;
	    padding-top: 40px;
    }

    .team_members img {
        margin-top: 0px;
    }

    .team_members {
        margin-top: 20px;
    }

	.team_member {
		height: auto;
/* 		max-height: 387px; */
		margin-bottom: 20px;
	}



    .team_member_img_container {
        /*height: 280px;*/
        overflow: hidden;
		border-radius: 5px 5px 0 0;
    }
    
    .team_member_img_container img, .modalHeadshot{
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
      filter: grayscale(100%);
      min-width: 100%;
    }

    .team_section_title {
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
        color: #082A40;
    }

    .team_section_heading {
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        letter-spacing: 0.2px;
        color: #082A40;
        line-height: 0;
		margin: 50px 0px 50px 0px;
    }

    .team_section_heading_color1 {
        color: #082A40;
    }

    .team_section_heading_color2 {
        color: #672567;
    }

    .team_member_info_container {
        padding-left: 20px;
		padding-bottom: 10px;
		padding-right: 20px;
		position: relative;
    }

	.bio_cta_button {
		position: absolute;
		bottom: 20px;
	}

    span.bio_cta {
		padding: 8px 14px;
		background-color: #672567;
		border-radius: 30px;
		font-size: 14px;
		color: #fff;
		font-weight: 500;
		transition: 0.3s;
    }

	span.bio_cta:hover {
		background-color: #B3985A;
	}

    .team_member_padding_container {
        display: flex;
		flex-flow: column;
		padding: 0px;
        margin: 10px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.12);
        transition: 0.3s;
        cursor: pointer;
		height: auto;
		border-radius: 0 0 5px 5px;
    }
    
    .team_member_padding_container:hover {

        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20), 0 3px 6px rgba(0, 0, 0, 0.23);

    }

    .team_member_name {
        font-weight: 600;
		font-size: 19px;
	    margin-bottom: 0px;
    	margin-top: 10px;
    }

    .team_member_single {
        color: #672567;
		font-weight: bold;
    }

	.team_member_cta {
		display: flex;
		flex-flow: column;
	}

    @media only screen and (max-width: 768px) {
    
		.bio_cta_button {
			position: absolute;
			bottom: 15px!important;
		}
		
/* 	.team_member_padding_container {
        max-height: 370px;
    } */
		
	.team_members {
		margin-top: 20px;
	}
    
    .team_section_title, .team_section_heading_color1, .team_section_heading_color2 {
        padding-left: 10px;
    }
    
    .team_member_info_container {
        padding:10px 10px 10px 20px;
    	height: auto;
		max-height: 370px;
    }
		
    .team_member_name {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom:0px;
    }
    
    .panel__team_member_list .panel__wrapper {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
    }
    
        .modal{
            height: 100vh;
            overflow-x: hidden;
            padding: 15px!important;
        }
        
        p.team_member_title {
            font-size: 14px;
        }
		
        .team_members img {
            margin-top: 0px;
        }
        
        .team_member_img_container {
            height: auto;
        }
        
        .modal-background{
        	min-height:100vh;
        }
        .panel__team_member_list .team_member_list_flex {
            display: block;
        }
        
        .modalClose{
        	text-align:right;
            font-size:22px;
            display:none;
        }
        
        .panel__team_member_list .team_members {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .panel__team_member_list .team_members > div {
            width: 50%;
            margin: 0;
        }
		
		.team_member_cta {
			padding-top: 20px;
		}


    }

    @media only screen and (min-width: 769px) and (max-width:900px) {}

    .team_member_padding_container {
	    min-height: 150px;
    	height: auto;
		position: relative;
    }

	.team_member_img_container {
		height: auto;
	}

	.team_member_info_container {
		padding-bottom: 30px;
	}

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

	.team_member {
		max-height: unset;
		width: 50%;
	}

	.bio_cta_button {
		position: absolute;
		padding-left: 20px;
	}



    @media only screen and (min-width: 901px) {
    
    	.modalClose{
        	text-align:right;
            font-size:22px;
            display:none;
            display: block;
            margin-bottom: -30px;
            z-index: 1000;
            text-align: right;
            padding-right: 10px;
            cursor: pointer;
        }
        
        .modalClose .fa-times{
            z-index: 100;
            position: relative;
            top: 10px;
        }
    
        .team_member_padding_container {
            padding: 0px;
            margin: 10px;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.12);
            transition: 0.3s;
            cursor: pointer;
        }
		
		.team_member_info_container {
			max-height: none;
			padding-bottom: 30px;
		}
		
		.team_member_img_container {
			aspect-ratio: 258/184;
		}
		
	.bio_cta_button {
		position: absolute;
		bottom: 20px;
		padding-left: 20px;
	}		
		
        #modal-container .modal-background .modal {
            padding: 0px!important;
        }
		
		.modalBio {
			text-align: left;
		}
    
        .panel__team_member_list .team_members {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .panel__team_member_list .team_members > div {
            width: 33%;
            margin: 0px 0px 50px 0px;
        }

        .modal-flex-content {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
			width: 100%;
        }

        .modal-flex-content > div {
            width: 100%;
            margin: 0;
        }

        .modal-flex-content .modal-col-left {
            width: 100%;
            padding: 0px;
        }

        .modal-flex-content .modal-col-right {
            width: 100%;
            text-align: left;
            max-height: 40vh;
            overflow-y: scroll;
            padding:20px;
        }
    }

	@media only screen and (min-width: 1200px) {
		.panel__team_member_list .team_members > div {
			width: 25%;
		}
	}

    * {
        box-sizing: border-box;
    }

    html.modal-active,
    body.modal-active {
        overflow: hidden;
    }

    #modal-container {
        position: fixed;
        display: table;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        transform: scale(0);
        z-index: 100000000000;
    }

    #modal-container.six {
        transform: scale(1);
    }

    #modal-container.six .modal-background {
        background: rgba(0, 0, 0, 0);
        animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.six .modal-background .modal {
        background-color: transparent;
        animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.six .modal-background .modal h2,
    #modal-container.six .modal-background .modal p {
        opacity: 0;
        position: relative;
        animation: modalContentFadeIn 0.3s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.six .modal-background .modal .modal-svg rect {
        animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.six.out {
        animation: quickScaleDown 0s 0.5s linear forwards;
    }

    #modal-container.six.out .modal-background {
        animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.six.out .modal-background .modal {
        animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.six.out .modal-background .modal h2,
    #modal-container.six.out .modal-background .modal p {
        animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.six.out .modal-background .modal .modal-svg rect {
        animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container .modal-background {
        display: table-cell;
        background: rgba(0, 0, 0, 0.8);
        text-align: center;
        vertical-align: middle;
    }

    #modal-container .modal-background .modal {
        background: white;
        padding: 50px;
        display: inline-block;
        border-radius: 3px;
        font-weight: 300;
        position: relative;
    }

    #modal-container .modal-background .modal h2 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    #modal-container .modal-background .modal p {
        font-size: 18px;
        line-height: 22px;
    }

    #modal-container .modal-background .modal .modal-svg {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 3px;
    }

    #modal-container .modal-background .modal .modal-svg rect {
        stroke: #fff;
        stroke-width: 2px;
        stroke-dasharray: 778;
        stroke-dashoffset: 778;
    }

    .modal-col {
        display: none;
    }


    @keyframes fadeIn {
        0% {
            background: rgba(0, 0, 0, 0);
        }

        100% {
            background: rgba(0, 0, 0, 0.7);
        }
    }

    @keyframes sketchIn {
        0% {
            stroke-dashoffset: 778;
        }

        100% {
            stroke-dashoffset: 0;
        }
    }

    @keyframes sketchOut {
        0% {
            stroke-dashoffset: 0;
        }

        100% {
            stroke-dashoffset: 778;
        }
    }

    @keyframes quickScaleDown {
        0% {
            transform: scale(1);
        }

        99.9% {
            transform: scale(1);
        }

        100% {
            transform: scale(0);
        }
    }

    @keyframes modalFadeIn {
        0% {
            background-color: transparent;
        }

        100% {
            background-color: white;
        }
    }

    @keyframes modalFadeOut {
        0% {
            background-color: white;
        }

        100% {
            background-color: transparent;
        }
    }

    @keyframes modalContentFadeIn {
        0% {
            opacity: 0;
            top: -20px;
        }

        100% {
            opacity: 1;
            top: 0;
        }
    }

    @keyframes modalContentFadeOut {
        0% {
            opacity: 1;
            top: 0px;
        }

        100% {
            opacity: 0;
            top: -20px;
        }
    }