/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .header { padding: 2rem; text-align: center; } .navigation__link { color: #54655b; font-size: .7rem; font-weight: 700; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; margin: 0 1rem; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-link { color: #222; text-decoration: none; margin-right: 1.5rem; } /*.footer a { color: #0291db; } .footer a:hover { color: #0276b3; }*/ .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

Looking for support? Click here

First Comment

Commenting is the best way to get involved. Jump in the fray!

217 people have earned this badge.

Most recent recipients

Craig William Dayton

Craig William Dayton 12:41AM

Yearofthegoat 12:31AM

Jovan May 10

David Sound Wizard

David Sound Wizard May 10

Emily May 9

spiritfire@hush.com

[email protected] May 8

Felix May 8

rob@robtguitar.com

[email protected] May 8

Inaki May 8

ericyeoman May 7

Will May 7

Stan May 6

Doc Bob May 6

Alexey May 5

jeremyrose May 5

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .header { padding: 2rem; text-align: center; } .navigation__link { color: #54655b; font-size: .7rem; font-weight: 700; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; margin: 0 1rem; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-link { color: #222; text-decoration: none; margin-right: 1.5rem; } /*.footer a { color: #0291db; } .footer a:hover { color: #0276b3; }*/ .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */