#topics {
  background-color: #006da4;
//  background: url('../img/topic/blue-background.png') top /cover no-repeat;
  color: @font-light;
  position: relative;
  padding-top: 8%;
  padding-bottom: 130px;

  .triangle-down {
    background: url('../img/topic/blue-background.png') top /cover no-repeat;
    height: 90px;
    position: absolute;
    top: 0;
    width: 100%;
  }

  // title
  h2 {
    border-bottom: 1px dashed;
    font-family: elektra_light_proregular;
    font-size: 44.5em / 16;
    padding-bottom: 20px;
  }

  .topic {
    .make-sm-column(4);
    padding-top: 1.5em;
    text-transform: uppercase;

    // Topic title with icon
    .topic-title {
      display: table;
    }
    span {
      margin-right: 20px;
    }
    h3 {
      display: table-cell;
      vertical-align: middle;
      line-height: 1.2em;
      width: 100%;
      font-size: 1em;
      text-align: left;
    }
    .topic-title, .topic-description {
      .make-row();
    }

    .topic-description {
      text-transform: none;
      padding: 15px;
      text-align: justify;
    }
  }

}

// Responsive adaptations
@media (max-width: 1000px) {
  #topics {
    padding-top: 7em;
  }
}