/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

.d-flex {
	display: flex;
}

.align-items-center {
	align-items: center;
}

.justify-content-center {
	justify-content: center;
}

.text-left {
	text-align: left;
}
.flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: space-around;
	width: 100%;
}

.flex-items {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	padding: 40px;
}

.team-member:hover .overlay {
	opacity: 0.5;
}

@media (max-width: 767px) {
    .flex-container  h4 {
        font-size: 17px;
    }
	.flex-container {
        width: 100vw;
		justify-content: left;
		align-items: left;
		align-content: space-around;
        padding-bottom: 20px;

	}
	.flex-items {
        padding: 0 30px 0px 30px; 
        width: 100vw;
	}
}