/* CSS Document */

.projects {
	display: flex !important;
	flex-wrap: wrap;
	grid-gap: 0 2%;
}

.projects .project {
	flex: 0 0 calc(33% - ((2% * 2) / 3));
	margin-bottom: 50px;
}

.projects .project .image {
	margin-bottom: 10px;
}

.projects .project .image a {
	border: none;
	display: block;
}

.projects .project .image img {
	border: none !important;
	box-shadow: none;
	opacity: .9;
	outline: none;
	transition: all .2s ease-in-out;
}

.projects .project .image:focus img,
.projects .project .image:hover img {
	opacity: 1;
	transform: scale(1.025);
}

.projects .title {
	font-size: 21px;
	text-align: center;
}

body.content-black .projects .title {
	color: #fff;
}


/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 769px) {
	
	.projects .project {
		flex-basis: calc(50% - ((2% * 1) / 2));
	}
	
}

@media only screen and (max-width: 600px) {
	
	.projects .project {
		flex-basis: 100%;
	}
	
}