.grid .region-content > article > div.content {
  display:grid;
  grid-template-columns: 230px 1fr 1fr 1fr 1fr;
  grid-template-rows: 150px 150px 150px 150px 150px 150px;
}
.grid .region-content > article > div.content > div:nth-of-type(1) > div,
.grid .region-content > article > div.content > div:nth-of-type(3) > div,
.grid .region-content > article > div.content > div:nth-of-type(4) > div,
.grid .region-content > article > div.content > div:nth-of-type(5) > div,
.grid .region-content > article > div.content > div:nth-of-type(7) > div,
.grid .region-content > article > div.content > div:nth-of-type(10) > div {
  position:absolute;
  bottom:0;
  width:100%;
  background: linear-gradient(to left, #777777 , rgba(0, 0, 0, 0.53));
  font-size: 20px;
}
.grid .region-content > article > div.content > div:nth-of-type(1):hover {
  background-size:200%;
}
.grid .region-content > article > div.content > div:nth-of-type(1) {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:16px;
  font-weight:bold;
  color: white;
  text-shadow: 1px 1px 1px #888;
  background-image: url('/sites/default/files/2018-05/Soldering_1.jpg');
  background-size:150%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
  position:relative;
  cursor:pointer;
}
.grid .region-content > article > div.content > div:nth-of-type(2) {
  grid-row: 1 / span 3;
  grid-column: 2 / span 5;
  text-align: center;
  align-items: center;
  color: #3c3c3c;
  text-shadow: 2px 2px 2px #ddd;
  overflow:hidden;
}
.grid .region-content > article > div.content > div:nth-of-type(1)  > div:nth-of-type(1)  > div.paragraph__column {
  padding:0;
  position:relative;
}

.grid .region-content > article > div.content > div:nth-of-type(3) {
  background-image: url('/sites/default/files/2018-05/Desoldering%20_%20Rework_1.jpg');
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:16px;
  font-weight:bold;
  color: white;
  text-shadow: 1px 1px 1px #888;
  background-size:150%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
  position: relative;
  cursor:pointer;
}
.grid .region-content > article > div.content > div:nth-of-type(3):hover {
  background-size:200%;
}

.grid .region-content > article > div.content > div:nth-of-type(4) {
  background-image: url('/sites/default/files/2018-05/Desoldering%20_%20Rework2_0.jpg');
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:16px;
  font-weight:bold;
  color: white;
  text-shadow: 1px 1px 1px #888;
  background-size:150%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
  position: relative;
  cursor:pointer;
}
.grid .region-content > article > div.content > div:nth-of-type(4):hover {
  background-size:200%;
}

.grid .region-content > article > div.content > div:nth-of-type(5) {
  background-image: url('/sites/default/files/2018-05/HotAirandIRRework_0.jpg');
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:16px;
  font-weight:bold;
  color: white;
  text-shadow: 1px 1px 1px #888;
  background-size:150%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
  position: relative;
  cursor:pointer;
}
.grid .region-content > article > div.content > div:nth-of-type(5):hover {
  background-size:200%;
}

.grid .region-content > article > div.content > div:nth-of-type(7) {
  background-image: url('/sites/default/files/2018-05/HandpiecesandTips_0.png');
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:16px;
  font-weight:bold;
  color: white;
  text-shadow: 1px 1px 1px #888;
  background-size:150%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
  position: relative;
  grid-column:1/1;
  cursor:pointer;
}
.grid .region-content > article > div.content > div:nth-of-type(7):hover {
  background-size:200%;
}

.grid .region-content > article > div.content > div:nth-of-type(10) {
  background-image: url('/sites/default/files/2018-05/FumeExtraction_0.jpg');
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:16px;
  font-weight:bold;
  color: white;
  text-shadow: 1px 1px 1px #888;
  background-size:150%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
  grid-area: 6 /1;
  position: relative;
  cursor:pointer;
}
.grid .region-content > article > div.content > div:nth-of-type(10):hover  {
  background-size:200%;
}

.node--98 h1.page-header {
  display:none;
}
.grid .region-content > article > div.content > div:nth-of-type(6) {
  text-align: left;
  grid-column: 2/span 4;
  padding-top:50px;
  padding-left:20px;
}
.grid .region-content > article > div.content > div:nth-of-type(6) .buy_pace:nth-of-type(1) {
  float:left;
}
.grid .region-content > article > div.content > div:nth-of-type(6) .buy_pace:nth-of-type(2) {
  float:right;
}
.grid .region-content > article > div.content > div:nth-of-type(6) .buy_pace:nth-of-type(2) .btn {
  font-size:20px;
  margin-top:12px;
}
.grid .region-content > article > div.content > div:nth-of-type(6)>div>div.paragraph__column, .grid .region-content > article > div.content > div:nth-of-type(6)>div {
  height:100%;
}
.grid .region-content > article > div.content > div:nth-of-type(8) {
  grid-row: span 2;
  grid-column: span 2;
}
.grid .region-content > article > div.content > div:nth-of-type(8) .paragraph__column > div {
  display:flex;
  flex-wrap: wrap;
  padding-left:10px;
}
.grid .region-content > article > div.content > div:nth-of-type(9) {
  grid-row: span 2;
  grid-column: span 2;
}
.grid .region-content > article > div.content > div:nth-of-type(9) .paragraph__column > div {
  display:flex;
  flex-wrap: wrap;
}
.grid .region-content > article > div.content > div:nth-of-type(9) .news-row {
  margin-bottom: 15px;
}
.grid .region-content > article > div.content > div:nth-of-type(9) .news-row h4 {
  margin-bottom: 0px;
}
.grid .region-content > article > div.content > div:nth-of-type(9) .paragraph__column .field--item {
  text-align: left;
  flex:1;
  font-size: 16px;
  font-weight:normal;
}
.grid .region-content .paragraph__column {
  padding-bottom: 0 !important;
}