.green-block-wrapper {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (min-width: 1100px) {
    .green-block-wrapper {
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px); } }
  .green-block-wrapper .green-block {
    position: relative;
    background-color: #31929C;
    color: #fff;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    padding: 30px; }
    @media only screen and (min-width: 1100px) {
      .green-block-wrapper .green-block {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px; } }
    .green-block-wrapper .green-block h5 {
      color: #fff;
      margin-bottom: 10px; }
    .green-block-wrapper .green-block img {
      min-width: 75px;
      width: 75px;
      height: auto;
      margin-right: 30px; }
    .green-block-wrapper .green-block .number {
      position: absolute;
      top: 0;
      right: 0;
      background-color: #1F5770;
      width: 60px;
      height: 40px;
      text-align: center; }
      .green-block-wrapper .green-block .number:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 0;
        border-left: 20px solid #31929C;
        border-top: 40px solid #1F5770; }
      .green-block-wrapper .green-block .number p {
        z-index: 10;
        position: relative;
        padding: 5px;
        margin-right: -10px; }

/*# sourceMappingURL=green-blocks.css.map */