.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-wrap-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.flex-align-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-box > div[class*="col"] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.animated-gradient {
  font-size: 3.5em;
  font-family: 'Open Sans', sans-serif;
  /*background: linear-gradient(270deg, #f8b4c2, #f1a7c7, #e56c92, #d15c7f, #f8b4c2);*/
  background: linear-gradient(270deg, #f8b4c2, #f1a7c7, #e56c92, #d15c7f, #f8b4c2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  animation: gradient-shift 1s ease-in-out infinite;
}

@keyframes gradient-shift {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}