.howitworks

  .information
    background-color: #000
    color: #fff

    .text-wrapper
      width: 750px
      margin: 0 auto
      padding: 50px 0

      .right
        float: right
        width: 375px
        margin-top: 50px

    .list-wrapper
      width: 375px
      float: left
      ul
        margin-top: -20px

    h2
      color: $gold
      text-align: center
      margin-bottom: 40px

    .center-container
      width: 100%
      text-align: center

  .overview
    background-color: #fff
    color: $greyText


    //If there are no problems this can be deleted
  //.explanation
  //  ul
  //    color: white
  //    text-align: left
  //    margin: 0 auto

+media-query(800px)
  .howitworks
    .information
      .text-wrapper
        width: 500px
        .right
          float: none

      .list-wrapper
        width: 500px

+media-query(500px)
  .howitworks
    .information
      .text-wrapper
        width: 350px

      .list-wrapper
        width: 350px

+media-query(350px)
  .howitworks
    .information
      .text-wrapper
        width: 300px
        .right
          img
            width: 260px
            margin-right: 0

      .list-wrapper
        width: 300px