.banner-content {
	color:#666;
	font-size:18px;
	padding: 25px 0;
	text-align: center;
	letter-spacing:1px;
}
.area-brands {
	display: grid;
	flex-wrap:wrap;
	grid-template-columns: repeat(auto-fill, 250px);
	justify-content: space-between;
	grid-gap: 20px;
}
.area-brands::after {
  content: "";
  flex: auto;
}
.area-brands .box {
	width: 250px;
	cursor:pointer;
}
.area-brands .box .pic {
	width: 250px;
	height: 250px;
	overflow: hidden;
	border: solid 1px #cccccc45;
	padding: 20px;
}
.area-brands .box img {
	width: 100%;
}
.area-brands .box .name {
	color:#999;
	font-size: 16px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 5px;
	text-align: center;
	width:100%;
}
.area-brands .box .name a {
	color:inherit;
	text-decoration:none;	
}
@media screen and (max-width: 667px) {
	.area-brands {
		justify-content: space-around;	
	}
}