html,
body {
  height: 100%;
}

#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
  padding-top: 2em;
  padding-bottom: 2em;
}

#sticky-footer p {
  color: #444 !important;
}

@media (max-width: 575px) {
  #sticky-footer {
    margin-top: 0;
  }
}

h1 {
  font-size: 2em;
}

@media (max-width: 575px) {
  h1 {
    font-size: 1.5em;
  }
}

h2 {
  font-size: 1.8em;
  padding-bottom: 1em;
}

@media (max-width: 575px) {
  h2 {
    font-size: 1.4em;
  }
}

h3 {
  font-size: 1.6em;
}

@media (max-width: 575px) {
  h3 {
    font-size: 1.3em;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.lead {
  font-family: Arial, Helvetica, sans-serif;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.lead strong {
  color: firebrick;
}

header {
  padding-top: 5em;
  padding-bottom: 5em;
}

@media (max-width: 575px) {
  header {
    padding-top: 1.6666666667em;
  }
}

@media (max-width: 575px) {
  header {
    padding-top: 1.6666666667em;
  }
}

#icons-overview {
  text-align: center;
}

#icons-overview a {
  color: inherit;
  margin: 0;
}

#icons-overview img {
  display: inline-block;
  padding-bottom: 0.5em;
}

#icons-overview .row > div {
  padding-bottom: 2em;
}

#icons-overview img {
  width: 96px;
}

.features li {
  padding-bottom: 1.5rem;
  font-size: large;
}

.features li:last-child {
  padding-bottom: inherit;
}

.features .fa-li,
.features .fas {
  color: #772953;
}

.features h4 > i.fas {
  font-size: 1.2rem;
}

.features .screenshot img {
  max-width: 100%;
  cursor: zoom-in;
}

.features.row {
  padding-top: 7em;
}

@media (max-width: 575px) {
  .features.row {
    padding-top: 1em;
  }
}

.features ul ul > li {
  padding-bottom: inherit;
  list-style-type: square;
}

@media (max-width: 575px) {
  .features.row > div {
    padding-top: 1em;
  }
}

.icon-text-table {
  width: 100%;
}

.icon-text-table div {
  display: table-cell;
  vertical-align: middle;
}

.icon-text-table div:first-child {
  padding-right: 0.5em;
  float: left;
}

@media (max-width: 575px) {
  .icon-text-table div:first-child {
    padding-right: 0.5em;
  }
}

.simple-features .icon-text-table {
  padding-bottom: 0.5em;
  font-size: x-large;
}

.simple-features .icon-text-table div {
  height: 64px;
}

.simple-features .icon-text-table img {
  max-width: 64px;
  max-height: 64px;
}

.simple-features > .row > div {
  padding-bottom: 4em;
}

.font-size-110 {
  font-size: 110%;
}

.font-size-120 {
  font-size: 120%;
}

.font-size-130 {
  font-size: 130%;
}

.font-size-140 {
  font-size: 140%;
}

.font-size-150 {
  font-size: 150%;
}

.font-size-160 {
  font-size: 160%;
}

.font-size-170 {
  font-size: 170%;
}

.font-size-180 {
  font-size: 180%;
}

.font-size-190 {
  font-size: 190%;
}

.font-size-200 {
  font-size: 200%;
}

.btn i {
  font-weight: normal;
  padding-right: 0.5em;
}

.nav-item.active {
  font-weight: bold;
}
