/* Generated coil emblem, shared by the header and footer. */
.winding-mark { position: relative; display: inline-block; flex: none; width: 44px; height: 48px; overflow: hidden; mix-blend-mode: screen; }
.winding-mark img { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; max-width: none; transform: translate(-50%, -50%); }
.footer-symbol { width: 48px; height: 52px; margin-top: 0; }
.footer-symbol .winding-mark { width: 48px; height: 52px; }
.footer-symbol .winding-mark img { width: 82px; height: 82px; }
@media (max-width: 1100px) and (min-width: 901px) {
  .footer-symbol, .footer-symbol .winding-mark { width: 40px; height: 44px; }
  .footer-symbol .winding-mark img { width: 69px; height: 69px; }
}
@media (max-width: 760px) {
  .wordmark .winding-mark { width: 36px; height: 40px; }
  .wordmark .winding-mark img { width: 63px; height: 63px; }
}
@media (max-width: 380px) {
  .footer-symbol, .footer-symbol .winding-mark { width: 40px; height: 44px; }
  .footer-symbol .winding-mark img { width: 69px; height: 69px; }
}