* {
    box-sizing: border-box;
}

p, h1, h4 {
  font-family:'Public Sans', 'sans serif';
}
  
.column {
    float: left;
    width: 25%;
    padding-left: 5px;
    padding-right: 30px;
}

.column.b {
    float: left;
    width: 50%;
    padding: 0px;
}

.column.c {
  float: left;
  width: 12.5%;
  padding: 0px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}
  
  @media screen and (max-width: 600px) {
    .column.b, .column.c {
      width: 50%;
  }
    .column {
      width: 100%;
    }
}