/**
 * @package custom.css by Stefan Sporrer
 * @author Stefan Sporrer https://www.softbricks.de
 * @copyright Copyright (c) 2019 Stefan Sporrer
 */
.h2,
h2 {
  color: #4992bf;
  font-size: 1.6rem;
}

@media (min-width: 48em) {
  .h2,
  h2 {
    font-size: 2rem;
  }
  body {
    font-size: 1.1rem;
  }
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-hero {
  padding: 16px 32px;
}

.highlight .highlight__text {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin-top: 0;
}

.highlight + .highlight {
  margin-top: 64px;
}

.highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.highlight img {
  border-radius: 3px;
}

/* 770px / 16px = 48em */
@media (min-width: 48em) {
  .highlight {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .highlight > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .highlight > * + * {
    margin-left: 32px;
  }
  .highlight .highlight__text {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}