.layout-container {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}

.layout-container--pad-sm {
  padding: 16px 0;
}

.layout-container--pad-md {
  padding: 32px 0;
}

.layout-container--pad-lg {
  padding: 48px 0;
}

.layout-container--pad-top-sm {
  padding-top: 16px;
}

.layout-container--pad-top-md {
  padding-top: 32px;
}

.layout-container--pad-top-lg {
  padding-top: 48px;
}

.layout-container--pad-bottom-sm {
  padding-top: 16px;
}

.layout-container--pad-bottom-md {
  padding-top: 32px;
}

.layout-container--pad-bottom-lg {
  padding-top: 48px;
}

@media (min-width: 992px) {
  .layout-container--pad-sm {
    padding: 32px 0;
  }

  .layout-container--pad-md {
    padding: 64px 0;
  }

  .layout-container--pad-lg {
    padding: 96px 0;
  }

  .layout-container--pad-top-sm {
    padding-top: 32px;
  }

  .layout-container--pad-top-md {
    padding-top: 64px;
  }

  .layout-container--pad-top-lg {
    padding-top: 96px;
  }

  .layout-container--pad-bottom-sm {
    padding-top: 32px;
  }

  .layout-container--pad-bottom-md {
    padding-top: 64px;
  }

  .layout-container--pad-bottom-lg {
    padding-top: 96px;
  }
}