.float {
  margin-bottom: 20px;
  max-width: 50%;
}

.float > * {
  margin: 0 !important;
}

.float:not([data-flip]) {
  float: left;
  margin-right: 40px;
}

.float[data-flip] {
  float: right;
  margin-left: 40px;
}

.float[data-clear] {
  float: unset;
  clear: both;
  margin: 0;
}

@media (max-width: 600px) {
  .float {
    float: unset !important;
    clear: both !important;
    margin: auto !important;
    max-width: unset;
  }
}
.member-hero {
  display: flex;
  align-items: center;
  gap: 40px;
}

.member-left {
  flex-shrink: 0;
}

.member-content {
  flex: 1;
  padding-left: 20px;
}

@media (max-width: 600px) {
  .member-hero {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*# sourceMappingURL=float.css.map */