.card-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
	text-align: center;
}
.card {
	width: 160px;
	overflow: hidden;
	padding: 20px;
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #C0C0C0;
	border-right-style: solid;
	border-right-width: thin;
	border-right-color: #C0C0C0;
}
.card:hover {
	transform: scale(1.03);
	transition: all 0.5s ease;
	border-left-style: solid;
	border-left-width: medium;
	border-left-color: #808080;
	border-right-style: solid;
	border-right-width: medium;
	border-right-color: #808080;
}
.card a {
	color: #663300;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
}
.card a:hover {
	color: #663300;
	font-weight: bold;
	letter-spacing: .1em;
	transition: all 0.5s ease-in-out;

}
.photo-card {
	padding: 10px;
	margin: 20px;
	width: 200px;
	overflow: hidden;
	border: thin solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 2px 2px 2px 1px #CCCCCC
}
.photo-card:hover {
	border-color: #808080;
	transform: scale(1.03);
	transition: all 0.5s ease;

}
.lg-photo-card {
	width: 340px;
	overflow: hidden;
	padding: 20px 20px 30px 20px;
	margin: 20px;
	border: thin solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 2px 2px 2px 1px #CCCCCC;
}
.lg-photo-card:hover {
	border-color: #808080;
	transform: scale(1.03);
	transition: all 0.5s ease;

}