.flexbin {
	display: flex;
	overflow: hidden;
	flex-wrap: wrap;
	margin: -2.5px;
}

.flexbin:after {
	content: '';
	flex-grow: 999999999;
	min-width: 300px;
	height: 0;
}

.flexbin>* {
	position: relative;
	display: block;
	height: 300px;
	margin: 2.5px;
	flex-grow: 1;
}

.flexbin>*>img {
	height: 300px;
	object-fit: cover;
	max-width: 100%;
	min-width: 100%;
	vertical-align: bottom;
}

.flexbin.flexbin-margin {
	margin: 2.5px;
}

@media (max-width: 980px) {
	.flexbin {
		display: flex;
		overflow: hidden;
		flex-wrap: wrap;
		margin: -2.5px;
	}

	.flexbin:after {
		content: '';
		flex-grow: 999999999;
		min-width: 150px;
		height: 0;
	}

	.flexbin>* {
		position: relative;
		display: block;
		height: 150px;
		margin: 2.5px;
		flex-grow: 1;
	}

	.flexbin>*>img {
		height: 150px;
		object-fit: cover;
		max-width: 100%;
		min-width: 100%;
		vertical-align: bottom;
	}

	.flexbin.flexbin-margin {
		margin: 2.5px;
	}
}

@media (max-width: 400px) {
	.flexbin {
		display: flex;
		overflow: hidden;
		flex-wrap: wrap;
		margin: -2.5px;
	}

	.flexbin:after {
		content: '';
		flex-grow: 999999999;
		min-width: 100px;
		height: 0;
	}

	.flexbin>* {
		position: relative;
		display: block;
		height: 100px;
		margin: 2.5px;
		flex-grow: 1;
	}

	.flexbin>*>img {
		height: 100px;
		object-fit: cover;
		max-width: 100%;
		min-width: 100%;
		vertical-align: bottom;
	}

	.flexbin.flexbin-margin {
		margin: 2.5px;
	}
}