.content {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex; }

@media (max-width: 768px) {
    .content {
      display: block;
      padding: 0 10px; } }
  @media (max-width: 560px) {
  .content {
    flex-wrap: wrap;
    /* margin-top:25px; */
    flex-direction: row; } }
  @media only screen and (min-width: 768px) and (max-width: 1157px) {
  .content {
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 25px; } }
  @media (max-width: 768px) {
    .content .height_mobile {
      padding: 20px 0 !important; } }
  .content .blok {
    margin-right: 35px;
    height: 230px;
    /* background-color: $blokdonker; */
    padding: 35px 20px 35px 35px;
    background-position: bottom right !important;
    color: white;
    position: relative;
    width: 100%;
    text-decoration: none; }
    @media (max-width: 560px) {
  .content .blok {
    width: 100%;
    flex-basis: 100%;
    height: auto; } }
    @media (max-width: 768px) {
  .content .blok {
    width: 100%;
    margin-right: 15px;
    display: inline-block;
    margin-top: 25px;
    height: auto; } }
    .content .blok .gradient {
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
    .content .blok h3 {
      font-size: 25px;
      font-weight: 600;
      z-index: 5;
      position: relative;
      color: white; }
      .content .blok h3 i {
        font-size: 16px;
        font-weight: 400;
        margin-left: 15px; }
        @media (max-width: 560px) {
  .content .blok h3 i {
    margin-left: 10px; } }
    .content .blok p {
      margin-top: 15px;
      color: white;
      line-height: 36px;
      z-index: 5;
      position: relative;
      font-size: 16px;
      overflow: hidden;
      height: 100px; }
      @media (max-width: 560px) {
  .content .blok p {
    height: auto; } }
    @media (max-width: 560px) {
  .content .blok {
    margin-right: 0;
    margin-top: 25px;
    padding: 20px 25px; } }
    .content .blok:last-child {
      margin-right: 0;
      margin-bottom: 0; }
    @media only screen and (min-width: 768px) and (max-width: 1157px) {
  .content .blok {
    width: calc(50% - 13px) !important;
    margin-bottom: 25px !important;
    margin-right: 25px !important; }
    .content .blok:nth-child(2n) {
      margin-right: 0 !important; } }