@media (max-width: 1023px) {
    section#hoewerkthet {
      padding-top: 50px; } }
  @media (max-width: 1023px) {
    section#hoewerkthet .stappen {
      margin-top: 20px; } }
    section#hoewerkthet .stappen .stap {
      display: inline-block;
      width: calc((100% - 120px) / 4);
      margin-right: 40px;
      text-align: center;
      vertical-align: top; }
      @media (max-width: 1023px) {
  section#hoewerkthet .stappen .stap:nth-child(1n+3) {
    margin-top: 50px; } }
      section#hoewerkthet .stappen .stap:nth-child(4n+4) {
        margin-right: 0px; }
      @media (max-width: 1023px) {
  section#hoewerkthet .stappen .stap {
    width: calc((100% - 40px) / 2); }
    section#hoewerkthet .stappen .stap:nth-child(2n+2) {
      margin-right: 0px; } }
      @media (max-width: 560px) {
  section#hoewerkthet .stappen .stap {
    width: 100% !important;
    margin-top: 50px; }
    section#hoewerkthet .stappen .stap:first-child() {
      margin-top: 0; } }
      section#hoewerkthet .stappen .stap .afb {
        margin-bottom: 20px; }
        section#hoewerkthet .stappen .stap .afb img {
          max-width: 100%; }
      section#hoewerkthet .stappen .stap span {
        font-family: 'Roboto';
        font-weight: bold;
        font-size: 16px;
        color: #030304; }