b, strong { font-weight: 500; }

p { margin: 0; }

html { min-height: 100%; background: #1A130F; background: linear-gradient(180deg, #1a130f 0%, #071013 100%); }

body { margin: 0; padding: 50px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 300; color: #e8e8e8; line-height: 1.4; }
@media (max-width: 575px) { body { padding: 25px; } }
body * { color: #e8e8e8; }
body .creative { margin: 5px 0; display: flex; flex-direction: row; justify-content: space-between; letter-spacing: 1em; text-transform: lowercase; }
@media (max-width: 991px) { body .creative { justify-content: center; font-size: 10px; letter-spacing: 0.8em; } }
body .creative span { margin-right: -1em; }
@media (max-width: 991px) { body .creative .hide-mobile { display: none; } }
body .page { width: 100%; height: 100%; border: 1px solid #e8e8e8; border-radius: 3px; display: flex; flex-direction: column; }
@media (min-width: 992px) { body .page { flex-direction: row; } }
body .flex { display: flex; flex-direction: column; flex: 0 0 100%; }
@media (min-width: 992px) { body .flex { flex: 0 0 50%; } }
body .inner { background: #171717; background-size: cover; background-position: center; border-radius: 3px; margin: 25px; padding: 25px; }
@media (min-width: 992px) { body .inner { margin: 25px 12.5px; }
  body .inner.inner-head, body .inner.inner-body { margin-left: 25px; }
  body .inner.inner-image, body .inner.inner-logos, body .inner.inner-text { margin-right: 25px; } }
body .inner.inner-image, body .inner.inner-logos { margin-bottom: 0; }
body .inner.inner-head { display: flex; justify-content: center; align-items: center; margin-bottom: 0; }
body .inner.inner-head svg { max-width: 325px; }
body .inner.inner-body { flex-grow: 1; margin-bottom: 0; }
@media (min-width: 992px) { body .inner.inner-body { margin-bottom: 25px; } }
body .inner.inner-image { min-height: 200px; flex-grow: 1; align-self: stretch; }
body .inner.inner-logos { display: flex; justify-content: space-between; align-items: center; }
@media (max-width: 575px) { body .inner.inner-logos { flex-direction: column; } }
body .inner.inner-logos svg { width: 27.5%; }
@media (max-width: 575px) { body .inner.inner-logos svg { width: 50%; }
  body .inner.inner-logos svg:not(:last-child) { margin-bottom: 25px; } }

/*# sourceMappingURL=style.css.map */