.page-node-type-process-guide .process_photos {
  display: flex;
  flex-flow: row wrap;
  counter-reset: step; 
}
.page-node-type-process-guide .process_photos > div {
    flex-basis: 18%;
    padding: 0;
    margin: 1%;
    background-color: #03264c;
    box-shadow: inset 0 60px 0 0 #015daa;

}
.page-node-type-process-guide .process_photos a::before {
  counter-increment: step;
  content: counter(step, upper-alpha);
  color: white;
  position: relative;
  top: 2%;
  z-index: 999;
  height: 0;
  display: block;
  left: 4%;
  font-weight: bold;
  font-size: 1.25em;
}
.page-node-type-process-guide .process_photos > div img {
  width: 100%;
  clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%, 0 60px);
}
.page-node-type-process-guide .field--name-field-caption {
  color: #fff;
  padding: 10px;
  font-size: 1rem;
}

/* Video */
.page-node-type-process-guide .field--name-field-youtube-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.page-node-type-process-guide .field--name-field-youtube-video iframe,
.page-node-type-process-guide .field--name-field-youtube-video object,
.page-node-type-process-guide .field--name-field-youtube-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Column Titles */
.page-node-type-process-guide #materials_required .panel-body .equipment_materials_left,
.page-node-type-process-guide #materials_required .panel-body .equipment_materials_right {
  border-bottom: none;
  text-align: center;
  width: 50%;
  float: left;
}

/* Column content */
.page-node-type-process-guide .paragraph--type--equipment-materials-required .paragraph__column > div {
  width: 50%;
  padding-right: 20px;
}

@media(max-width: 1299px) {
  .page-node-type-process-guide .page-node-type-process-guide .process_photos > div {
    flex-basis: 23%;
  }
}
@media(max-width: 1099px) {
  .page-node-type-process-guide .page-node-type-process-guide .process_photos > div {
    flex-basis: 31.33%;
  }
}
@media(max-width: 899px) {
  .page-node-type-process-guide .page-node-type-process-guide .process_photos > div {
    flex-basis: 48%;
  }
}
@media(max-width: 699px) {
  .page-node-type-process-guide .page-node-type-process-guide .process_photos > div  {
    flex-basis: 98%;
  }
}