.content-wrapper {
  display: flex;
  align-items: stretch;
  min-height: 100vh;
}

#content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.content-container {
  flex-grow: 1;
  padding-top: 85px;
}

.content-header {
  display: flex;
  position: fixed;
  width: 100%;
  z-index: 1001;
}

.container {

  &__section {
    display: block;
    padding: 0 15px;
    margin: 0 10px;
  }
}

@media (max-width: 768px) {

  #content {
    height: 100%;
  }
}


@media (min-width: 768px) {

  .content-header {
    width: 100%;
  }

  .content-container {
    padding-top: 155px;
  }

  .container {

    &__section {
      &--partitioned {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
      }
    }

    &__subsection {
      flex: 1;

        &-chain {
        margin: 10px 5px;
      }
    }
  }
}

.has-error {
  color: $red;
}