/*@keyframes clockwise { to { @include transform(rotate(360deg) translateZ(0)) } }*/
/* Font smoothing */
.fact { padding: 22px; background: #006272; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#content .fact { max-width: 600px; }

.fact, .fact * { box-sizing: border-box; }

.fact + * { margin-top: 4vh; }

.fact dl { line-height: 1.12; margin: 0; }

.fact dt { font-weight: normal; }

.fact dt ~ dt { margin-top: .5em; }

.fact dd { font-weight: bold; }

.fact * + .fact__footer { margin-top: 22px; }

.fact__footer { background-color: #e6f1f2; color: #006272; margin-bottom: -22px; margin-left: -22px; margin-right: -22px; padding: 12px 22px; font-size: .8em; position: relative; }

.fact__footer:before { content: ''; background: transparent url("svg/star-trails-white.svg") no-repeat 0 0; top: 0; transform: translateY(-100%); display: block; height: 70px; opacity: 0.1; position: absolute; right: 0; width: 115px; z-index: 0; }

@media (min-width: 768px) { .fact--float-right, .fact--float-left { width: 30%; margin-bottom: 3vh; }
  .fact--float-right + *, .fact--float-left + * { margin-top: 0; } }

@media (min-width: 768px) { .fact--float-left { float: left; margin-right: 3vh; } }

@media (min-width: 768px) { .fact--float-right { float: right; margin-left: 3vh; } }