/* On mobile, use a top border */
.middlerow,.finalrow{
   border-top:2px solid #5DD0DA;
   padding-top: 40px;
}
/* Middle and last rows shouldn't use intro's and headers */
.middlerow .section__header,.middlerow .section__intro,.finalrow .section__header,.finalrow .section__intro{
  display: none;
}
/* remove top border from middle row on tablets up */
@media (min-width: 700px){
  .middlerow,.finalrow{
   border-top:none;
   padding-top: 0px;
  }
}
@media (min-width: 1025px){
  /*   Adjust the row's padding of each middle row on desktop   */
    .middlerow .column.column--three{
      padding-top:35px;
      padding-bottom: 35px;
    }
  /*  Margins for middle rows aren't needed on desktop  */
    .middlerow{
      margin-top:0px;
      margin-bottom: 0px;
    }
/*   Adjust the bottom padding of the first row and remove the bottom margin */
    .firstrow .column.column--three{
      padding-bottom: 35px;
    }
    .firstrow{
      margin-bottom: 0;
    }
/*   Likewise, remove the top margin of the last row */
    .finalrow{
      margin-top: 0px;
    }
    .finalrow .column.column--three{
        padding-top: 35px;
      }
}