/* 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: 784px) {
		.gridparent.three {
		 	grid-template-columns: 1fr;
		}
}
@media (max-width: 979px) {
		.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 {
		border-top: 1px solid #c3c3c3;
		font-size: 11.5px;
		font-style: italic;
		margin: 10px 0 0 0;
		padding-top: 10px;
}

.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;
}