/* .page-content {
	display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.page-content > * {
	grid-column: 1 / -1;
} */

/* TILES */
.tiles {
    display: grid;
    grid-gap: 2em 2em;
    margin: 2em 0 3em;
}

.tiles.col-2 {
	grid-template-columns: 1fr 1fr;
}

.tiles.col-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.tiles.col-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tiles .fullTile {
    grid-column: 1 / -1;
}

.tiles .fullTile h4 {
    text-align: left;
}

/* 2-col tiles have different padding due to learn more buttons */
.tiles.col-3 .tile, .tiles.col-4 .tile{
	padding: 20px 15px;
}

/* For now, this class has only been used in Hardware / CLAM 5000 Page */
.oneColAutoRow {
  grid-row: 1 / -1;
  grid-column: 1;
  justify-content: center;
}

@media all and (max-width:990px){
    .tiles.col-2 .tile{
        grid-column: 1 / -1;
    }
	.tiles.col-4 {
		/* Might be a better way to do this */
		grid-template-columns: 1fr 1fr 1fr;
	}
	.tiles.col-3 {
		grid-template-columns: 1fr 1fr;
	}
}

@media all and (max-width:650px){
	.tiles.col-4 {
		/* Might be a better way to do this */
		grid-template-columns: 1fr 1fr;
	}
	.tiles.col-3 {
		/* Might be a better way to do this */
		grid-template-columns: 1fr;
	}
}

@media all and (max-width:450px){
	.tiles.col-4{
		/* Might be a better way to do this */
		grid-template-columns: 1fr;
	}
}

/* IE FALLBACK FOR TILES */
_:-ms-input-placeholder, :root .tile {
	margin: 20px auto;
	max-width: 800px;
}
/* END OF IE FALLBACK FOR TILES */

/* TILES */

/********************************/