.teamGrid {
    display: block;
    column-gap: 1.3rem;
    row-gap: 2rem;
    grid-auto-rows: 1fr;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;  
    flex-wrap: wrap;
    justify-content: center;
}

.eachTeamMember .image img {
    width: 100%;
    /* height: 100%; */
    max-height: 30rem;
    object-fit: cover;
    border-radius: 0.2em;
    transition: all 0.2s ease-in-out;
}

.eachMemberGrid {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: center;
}

.eachTeamMember {
    border-radius: 0.2em;
    padding: 1.15em 1.25em 1.4em;
    box-shadow: 0px 0px 50px #0000001a;
    text-align: center;
    position: relative;
    width: 100%;
    transition: all .4s ease-in-out;
    margin-bottom: 4rem;
}

.eachTeamMember h6 {
    margin-top: 1.708em;
    margin-bottom: 0.6em;
    font-weight: bold;
    color: #68BBBF;
    text-transform: uppercase;
}

.eachTeamMember p {
    font-size: 0.8em;
    font-weight: 400;
    color: #263640;
    text-transform: uppercase;
}

.eachTeamMember .contactInfo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1em;
	column-gap: 2em;
    align-items: center;
    font-size: 0.8em;
    justify-content: center;
    padding-top: 1.944444444444444em;
    margin-top: 2.1em;
    transition: all 0.2s ease-in-out;
}

.eachTeamMember .contactInfo .phoneNumber a,
.eachTeamMember .contactInfo .email a {
    color: #393c3f;
    text-decoration: none;
}

.eachTeamMember .contactInfo .phoneNumber i,
.eachTeamMember .contactInfo .email i {
    color: #68BBBF;
}

.hoverContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

.eachMemberGrid:hover .hoverContent {
    opacity: 1;
}

.hoverContent .image {
    width: 100%;
    height: 100%;
}

.hoverContent:not(.image) > * {
    position: absolute;
}

.hoverContent .image img {
    width: 100%;
    height: 100%;
    max-height: unset;
}

.hoverContent .image .blue-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #263640;
    opacity: .8;
}

.hoverContent .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.hoverContactInfo {
    position: relative;
    z-index: 2;
    font-size: 1.5em;
    max-width: fit-content;
    margin-left: -.5rem;
}

.hoverContactInfo a:first-of-type {
    margin-bottom: .67em;
}

.hoverContactInfo a {
    background: #fff;
    color: #68BBBF;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    display: grid;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-out;
    transition-delay: .6s;
    text-decoration: none;
    box-shadow: 0px 0px 50px #0000001a;
}



.eachMemberGrid:hover .hoverContactInfo a {
    width: 3rem;
    height: 3rem;
}

.eachTeamMember .hoverContent h6 {
    color: #fff;
}

.eachTeamMember .hoverContent p {
    color: #fff;
    font-weight: 600;
}

.eachTeamMember .hoverContent .dot {
    width: 0.4em;
    height: 0.4em;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
}

.eachTeamMember .hoverContent .dots {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    gap: 0.8em;
    margin: 1.24em 0;
}

.eachTeamMember .hoverContent div.proffesion p {
    font-weight: 400;
    text-transform: none;
}

.eachTeamMember .content {
    transition: all 0.2s ease-in-out;
}

.eachTeamMember .hoverContent .contactInfo i {
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 0.2em;
    position: relative;
}

.eachTeamMember .hoverContent .contactInfo i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



@media only screen and (min-width: 760px) {

    .teamGrid {
        display: flex;
        flex-wrap: wrap;
		row-gap: 5rem;
        justify-content: center;
    }

    .eachMemberGrid:hover .eachTeamMember {
        width: 28rem;
    }

    .eachTeamMember {
        width: 28rem;
        margin-bottom: 0;
    }
	
	 .smaller .eachMemberGrid:hover .eachTeamMember {
        width: 15em;
    }

    .smaller .eachTeamMember {
        width: 15em;
        margin-bottom: 0;
    }

}

@media only screen and (min-width: 1250px) {

    .teamGrid {
        column-gap: 3rem;
    }

    .eachMemberGrid:hover .eachTeamMember {
        width: 22rem;
    }

    .eachTeamMember {
        width: 22rem;
    }
	
	.smaller .eachMemberGrid:hover .eachTeamMember {
        width: 15em;
    }

    .smaller .eachTeamMember {
        width: 15em;
        margin-bottom: 0;
    }

}

@media only screen and (min-width: 1420px) {

    .eachMemberGrid:hover .eachTeamMember {
        width: 24rem;
    }

    .eachTeamMember {
        width: 24rem;
    }
	
	.smaller .eachMemberGrid:hover .eachTeamMember {
        width: 15em;
    }

    .smaller .eachTeamMember {
        width: 15em;
        margin-bottom: 0;
    }

}

@media only screen and (min-width: 1500px) {

    .eachMemberGrid:hover .eachTeamMember {
        width: 25rem;
    }

    .eachTeamMember {
        width: 25rem;
    }
	
	.smaller .eachMemberGrid:hover .eachTeamMember {
        width: 15em;
    }

    .smaller .eachTeamMember {
        width: 15em;
        margin-bottom: 0;
    }

}

@media only screen and (min-width: 1700px) {


}