.row + .row {
	margin-top: 30px;
}

.grid-row > div {
	padding-left: 15px;
	padding-right: 15px;
}

.grid-row:last-of-type {
	margin-bottom:15px;
}

.overlay-component {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.text-component {
	margin-top: 25px;
	text-align: center;
}

.overlay-component p {
	padding: 0 35px;
}

.overlay-component a.btn {
	background-color: transparent;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.overlay-component p {
		
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.overlay-component h3 {
		font-size: 1.5vw;
	}
	.overlay-component p {
		padding: 0 25px;
		font-size: 1.2vw;
	}
	.overlay-component a.btn {
		font-size: 1vw;
	}
	.grid-row > div {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	.row + .row {
		margin-top: 15px;
	}
}

.mobile #categoryHeader,
.mobile .text-component + img {
	display: none;
}

.mobile .row + .row {
	margin-top: 0;
}

.mobile .text-component h3 {
	margin-bottom: 5px;
}