.ban.ban--mini { margin-bottom: 1rem; padding-top: 160px; font-size: .8125rem; font-family: "Roboto Condensed", sans-serif; text-align: center; }
@media (min-width: 1366px) { .ban.ban--mini { font-size: 1rem; padding-top: 336px; } }
.ban.ban--mini .ban-content { padding: .5rem; }
@media (min-width: 1366px) { .ban.ban--mini .ban-content { padding: 2rem 1rem; } }
.ban.ban--mini .ban-bg { background: #09bae0; }
.ban.ban--mini .ban-title { margin-bottom: .5em; font-size: 1.25em; text-transform: uppercase; }
.ban.ban--mini .ban-subtitle { margin-bottom: .5em; font-family: Arial, sans-serif; font-size: 1.125em; font-style: italic; }

.ban-seeds { display: block; text-align: center; overflow: hidden; margin: 0 auto; }
.ban-seeds .item { position: relative; display: block; float: left; width: 33.33%; vertical-align: top; padding-left: 0; }
.ban-seeds .item:before { content: none; }
.ban-seeds .item img { display: inline-block; vertical-align: middle; width: 50px; }
@media (min-width: 48em) { .ban-seeds .item img { width: 25%; width: -moz-calc(67px); width: -o-calc(67px); width: -webkit-calc(67px); width: calc(67px); } }
.ban-seeds .item span { display: block; width: 100%; padding: 0; font-size: .875em; font-weight: bold; text-transform: uppercase; }
@media (min-width: 1366px) { .ban-seeds .item span { display: inline-block; vertical-align: middle; padding-left: .75rem; width: 75%; width: -moz-calc(100% - 78px); width: -o-calc(100% - 78px); width: -webkit-calc(100% - 78px); width: calc(100% - 78px); } }
@media (min-width: 1366px) { .ban-seeds { display: inline-block; text-align: left; }
  .ban-seeds .item { display: block; padding-left: 1.25rem; width: 100%; }
  .ban-seeds .item:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: .5rem; height: .5rem; border-radius: 50%; background: white; } }