.as-facts {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;

  &-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: $spacing-20 0;

    &-image {
      @include untilMediaType($type: 'landscapePhone') {
        display: none;
      }
    }
  }

  &-main {
    display: flex;
    justify-content: space-evenly;
    margin-top: 100px;
    margin-bottom: auto;
    width: 100%;
    flex-wrap: wrap-reverse;

    &-left {
      margin: $spacing-20;
      width: 360px;
    }

    &-form {
      width: 360px;
      display: flex;
      flex-direction: column;
      margin: $spacing-20;
      align-items: center;

      &-submit {
        margin-top: $spacing-12;
      }
    }
  }

  &-footer {
    margin-top: $spacing-16;
  }
}