body { background: #f6f6f6; color: #000000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

* { box-sizing: border-box; }

a { text-decoration: none; }

a:hover { font-style: italic; }

a, p { color: black; letter-spacing: 1px; font-family: sans-serif; line-height: 1.33rem; }

body { margin: 0; }

@media screen and (min-width: 320px) { html { font-size: calc(16px + 6 * ((100vw - 320px) / 680)); } }

@media screen and (min-width: 1000px) { html { font-size: 22px; } }

#myVideo { right: 0; bottom: 0; min-width: 100%; min-height: 100%; }

iframe#myVideo { height: 100%; width: 100%; border: none; display: block; }

.header-font { font-family: "SportingGrotesqueGras"; }

.description { padding: 0 3rem; line-height: 1.5; text-transform: uppercase; font-size: 0.75rem; }

@keyframes infiniteRotation { from { transform: rotate(0deg); }
  to { transform: rotate(359deg); } }

.infiniteRotate { animation: rotation 2s infinite linear; }

/** ---------------------------------------- animation tracking-in-contract-bck-top ---------------------------------------- */
@keyframes tracking-in-contract-bck-top { 0% { letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(-300px);
    transform: translateZ(400px) translateY(-300px);
    opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1; } }

.trackin-animation { animation: tracking-in-contract-bck-top 0.75s ease-out both; }

/** ---------------------------------------- animation fade-in-right ---------------------------------------- */
@keyframes fade-in-right { 0% { -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.footer-wrapper { background-color: #000000; color: #f6f6f6; width: 100vw; display: flex; flex-direction: column; margin-top: 2rem; }

.subscribe { flex-direction: column; padding: 2rem; margin-top: 1rem; border: 1px solid black; }

.subscribe .separator { color: black; line-height: 0; }

.subscribe p { color: #f6f6f6; line-height: 1rem; }

.subscribe .section-content { height: auto; }

.subscribe-header { font-family: "SportingGrotesqueGras"; text-transform: uppercase; font-size: 1.5rem; font-weight: normal; margin: 0; margin-bottom: 1rem; letter-spacing: 3px; }

.section-content { flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }

.section-content a { color: white; font-family: "SportingGrotesqueGras"; }

.subscribe-email.email { font-family: "SportingGrotesqueGras"; width: 75% !important; }

form { background-color: black; font-size: 2rem; color: white; }

input { color: black; width: 25vw; height: 1.5rem; }

@media (max-width: 768px) { .tendril { padding: 0.5rem; } }

.tendrils .feed-tendril img { width: 25px; background-color: white; filter: invert(1); }

.tendrils .home-tendril { display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: center; flex-direction: column; padding-top: 1rem; border-top: 1rem solid white; border-bottom: 1rem solid white; }

.tendrils .home-tendril .logo { margin-right: 0.5rem; flex: 1; max-width: 55px; max-height: 55px; color: #f6f6f6; background-color: #f6f6f6; filter: invert(1); animation: infiniteRotation 3s infinite linear; margin-top: 0; margin-bottom: 0; }

.tendrils .home-tendril .home-tendril-title { font-family: "SportingGrotesqueGras"; color: #f6f6f6; font-size: 2rem; line-height: 1; margin: 0.5rem 0; }

@media (min-width: 768px) { .subscribe { padding: 2rem 0; }
  .footer-wrapper { padding: 0 2vw; flex-direction: row; justify-content: space-evenly; align-items: baseline; }
  .tendrils .home-tendril { border: none; }
  .subscribe-header { font-size: 2rem; }
  .subscribe-email.email { width: 85% !important; } }

/*# sourceMappingURL=subscribe-footer.css.map */