#box-overview

  .explanation
    padding-top: 80px

    h2
      text-align: left
      font-size: 30px
      margin-bottom: 60px

    h1
      color: $gold
      font-size: 30px

    .price-top
      +font-ruf(55px, 100px)
      color: $gold

    h3
      float: left
      margin-left: 10px
      color: $gold
      margin-top: 10px

    .small-icon
      float: left
      margin-top: 10px

    .icon-list-wrapper
      width: 320px
      margin: 0 auto

    #uitleg
      +sprite(-330px 0px, 30px, 30px)
    #box
      +sprite(-330px -30px, 30px, 30px)
    #verzending
      +sprite(-360px -0px, 30px, 30px)



//indivudual boxes

#box-items
  text-align: center

  #box-container
    max-width: 1230px
    display: inline-block
    color: #fff

  .box-item
    margin: 0 15px 30px
    width: 380px
    background-color: $darkGrey
    float: left

    li
      list-style-type: none

    .dark-box
      background-color: $monthTitle
      padding: 20px 0
      h2
        font-size: 30px

  .box-icon
    +sprite(-4px -120px, 28px, 32px)
    margin: 0 auto 5px