/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@media (min-width: 981px) {
  [id^="section-counter-bar-"] {
    padding: 50px 0; } }

[id^="section-counter-bar-"] .bar {
  padding: 2em;
  color: #fff;
  text-align: center;
  background: linear-gradient(252deg, #184182, #4a9dc4, #23407d, #4088a7);
  background-size: 240% 240%;
  -webkit-animation: gradient-animation 30s ease infinite;
          animation: gradient-animation 30s ease infinite;
  border-radius: 20px;
  font-family: "MultipleSansPro", Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 34px; }
  @media (min-width: 981px) {
    [id^="section-counter-bar-"] .bar {
      font-size: 32px;
      line-height: 38px; } }
  [id^="section-counter-bar-"] .bar p {
    margin: 0; }

/*# sourceMappingURL=counter-bar.css.map */