// // scss for index //

home {

padding: $sp-5;

}

.lead {

text-align: center;
padding: $sp-2;

h1 {
  padding-top: $sp-3;
}

}

.end {

display: flex;
justify-content: space-around;
text-align: center;
padding-left: $sp-5;

}

.main-columns {

@include mq(md) {
  display: flex;
}

& > * {
  margin: $sp-1;

  @include mq(md) {
    flex-basis: 100%;
  }
}

.column {
  @include mq(md) {
    display: flex;
    flex-direction: column;
  }

  .column-heading {
    text-align: left;
    padding-left: $sp-3;
  }

  .column-content {
    padding: $sp-2;

    .column-item {
      display: flex;
      justify-content: space-between;
      padding: $sp-2;
    }
  }

  .column-foot {
    @include fs-2;
    color: $grey-dk-000;
    text-align: right;
    padding-bottom: $sp-3;

    @include mq(md) {
      text-align: center;
      margin-top: auto;
    }
  }
}

}