.reviews {
	width: 70%;
	min-width: 600px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

.reviews > div {
	display: flex; 
	flex-basis: calc(50% - 60px);  
	justify-content: center;
	flex-direction: column;
}

.reviews > div > div {
	display: flex;
	justify-content: center;
	flex-direction: row;
}
  
.reviews .box {
	max-width: 600px;
	margin: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column-reverse;
	background-color: lightgrey;
	align-items: flex-start;
	border-radius: 32px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.reviews .box > .profile > img{
	border-radius: 50%;
	width: 75px;
	height: 75px;
	object-fit: cover;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

.reviews .box:hover {
	background-color: #DBAA6F;
	align-items: flex-start;
	transform: scale(1.05);
}

.reviews .box:hover > .profile > img {
    filter: grayscale(0%);
}

@media screen and (max-width: 845px) {
	.reviews {
		width: 100%;
		min-width: 250px;
	}

	.reviews .box {
		min-width: 80%;
		max-width: 80%;
	}

	.reviews .box > .profile > img{
		border-radius: 50%;
		width: 50px;
		height: 50px;
	}

	.reviews .box > .profile > h5 {
		margin: 16px;
	}
}