.tiles {
	border-bottom: 1px solid #D0D0D0;
}

.tiles--main {
	border-bottom: none;
}

.tiles .view-content {
	padding-top: 9rem;
  padding-bottom: 7.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tiles .view-content .views-row {
	width: 47.6rem;
  position: relative;
  margin-bottom: 2rem;
  display: block;
  overflow: hidden;
}

.tiles .view-content .views-row h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 3.6rem;
	padding-right: 20%;
	background-color: #ddd;
	opacity: 0.9;
	height: 5.1rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: 200ms;
	z-index: 1;
}

.tiles .view-content .views-row h2 a {
	font-family: "Circle Bold";
  font-size: 1.8rem;
  color: #FFFFFF;
  white-space: nowrap;
}

.tiles .view-content .views-row .content {
	z-index: 0;
}

.tiles .view-content .views-row .content .field__label{
	display: none;
}

.node--type-page-products {
	display: none;
}

@media(max-width: 48em) {

	.tiles .view-content{
		padding: 12rem 5rem;
		padding-bottom: 8rem;
	}

	.tiles .view-content .views-row {
		width: 100%;
		margin-bottom: 5.4rem;
	}

	.tiles .view-content .views-row .views-field-title {
		height: 7rem;
		padding-top: 2rem;
		padding-left: 4rem;
		padding-bottom: 2rem;
	}

	.tiles .view-content .views-row .views-field-title .field-content {
		font-size: 2.4rem;
	}

}