/* Grid CSS! */
.gridparent {
	background: #fff;
	box-sizing: border-box;
	display: inline-grid;
	grid-gap: 40px;
	grid-template-columns: 1fr;
	align-items: baseline;
	justify-content: center;
	width: 100%;
}
.gridparent.two {
	grid-gap: 60px;
	grid-template-columns: 1fr 1fr;
}
.gridparent.three {
	grid-template-columns: 1fr 1fr 1fr;
}
.gridwrapper {
	background: #c3c3c3;
	box-sizing: border-box;
	display: grid;
	grid-row-gap: 1px;
	grid-template-columns: repeat(5, 20%);
	align-content: center;
	justify-content: center;
	padding: 0;
}
@media (max-width: 768px) {
	.gridparent.three {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 992px) {
	.gridparent.two {
			grid-template-columns: 1fr;
	}
}
.box {
	background-color: #fff;
	font-size: .9em;
	line-height: normal;
	padding: 8px 10px 10px 10px;
}
.item1 {
	background-color: #1285b6;
	color: #fff;
	font-size: 1.1em;
	grid-column: 1 / 6;
	text-align: center;
}
.item1-lead {
	background: #e5e6e6;
	font-size: 1em;
	font-weight: 700;
	grid-column: 1 / 6;
	margin: -1px 0;
	padding: 10px;
	text-transform: uppercase;
}
.item2 {
  grid-column: 1 / 3;
}
.item3 {
  grid-column: 3 / 6;
}
.item4 {
  grid-column: 1 / 6;
}
.item5 {
	background-color: #f4f4f4;
	font-weight: 600;
	grid-column: 1 / 6;
	margin-bottom: -1px;
}
.item6 {
  grid-column: 1 / 2;
}
.item7 {
  grid-column: 2 / 6;
}
.item8 {
	grid-column: 2 / 6;
}
.specs-note {
	font-size: 11.5px;
	font-style: italic;
	margin-bottom: 0;
}

.ms-c1 {
	-ms-grid-column: 1;
}
.ms-c2 {
	-ms-grid-column: 2;
}
.ms-c3 {
	-ms-grid-column: 3;
}
.ms-c4 {
	-ms-grid-column: 4;  
}
.ms-c5 {
	-ms-grid-column: 5;
}
.ms-c6 {
	-ms-grid-column: 6;
}
.ms-c7 {
	-ms-grid-column: 7;
}
