.feature-box {
  align-self: flex-start;
  display: flex;
}

.feature-box:not(.sm-screen-horizontal) {
  flex-direction: column;
}

.section-layout .feature-box.horizontal {
  padding: var(--space-sm) var(--space-md);
}

.feature-box.center {
  align-items: center;
}

.feature-box.horizontal .feature-box-icon {
  margin-right: var(--space-sm);
  margin-bottom: 0;
  align-items: flex-start;
}

.feature-box.no-padding {
    padding: 0!important;
}

.feature-box video {
    width: 100%;
    object-fit: cover;
}

.feature-box-icon {
  max-height: 38px;
  max-width: 38px;
  height: 100%;
  width: 100%;
  margin-bottom: var(--space-sm);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.feature-box-icon > i {
  font-size: var(--text-size-xxxl);
  color: var(--color-water);
}

.feature-box-text > *:first-child {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: var(--text-margin-sm);
}

.feature-box-text > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.feature-box-text > h1,
.feature-box-text > h2,
.feature-box-text > h3,
.feature-box-text > h4,
.feature-box-text > h5 {
  margin-bottom: var(--text-margin-sm);
}

.feature-box .feature-box-text {
  flex:1;
}

.feature-box-text p {
  line-height: var(--text-leading-lg);
  margin: 0 0 var(--space-sm);
}

/* New styles */



.horizontal > * {
  align-self: center;
}

.feature-box.horizontal.large .feature-box-text {
  padding: 0 3.5rem;
}

.feature-box:not(.horizontal) .feature-box-image {
  margin-bottom: var(--space-sm);
}

.feature-box.horizontal .feature-box-image {
  margin-right: var(--space-sm);
  margin-bottom: 0;
  padding: 0;
  align-items: flex-start;
}

.feature-box-image.icon {
  max-height: 38px;
  max-width: 38px;
  height: 100%;
  width: 100%;
  margin-bottom: var(--space-sm);
  display: flex;
  align-items: flex-end;
  align-self: flex-start;
  justify-content: center;
}

.feature-box-image.icon > i {
  font-size: var(--text-size-xxxl);
  color: var(--color-water);
}

.feature-box-image.icon.grass > i {
    color: var(--color-grass);
}

.feature-box-image.icon.lava > i {
    color: var(--color-lava);
}

.feature-box-image.icon.gold > i {
    color: var(--color-gold);
}

.feature-box.center .feature-box-image.icon {
  align-self: unset;
}

.feature-box.col-flex-12.horizontal + .feature-box.col-flex-12.horizontal {
  margin-top: var(--space-xl);
}

@media screen and (max-width: 750px) {
    .feature-box.has-link.horizontal {
        flex-direction: column;
    }

  .feature-box-image.icon {
    align-self: center;
  }
}

@media only screen and (max-width: 768px) {
  .feature-box.col-flex-12 {
    flex-direction: column;
  }
  .feature-box.col-flex-12.inverse {
    flex-direction: column;
  }
  .feature-box.col-flex-12.horizontal + .feature-box.col-flex-12.horizontal {
    margin-top: var(--space-lg);
  }
}

@media screen and (min-width: 751px) {
  .feature-box.horizontal {
    flex-direction: row;
  }

  .feature-box.horizontal.large > .feature-box-image,
  .feature-box.horizontal.large > .feature-box-text {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 var(--space-sm);
  }

  .feature-box.inverse.horizontal {
    flex-direction: row-reverse;
  }

  .feature-box.inverse {
    flex-direction: column-reverse;
  }

}