Instructions -

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; } .logo { width: 120px; height: 28px; margin: 20px 0 20px 0; } .footer { background: #738f9b; color: #f5f5f5; font-size: 14px; line-height: 1.5; padding: 20px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1140px; margin: 0 auto; } .footer a { color: #f5f5f5; text-decoration: none; padding-bottom: 10px; } .footer h3 { padding-bottom: 10px; font-size: 20px; } .online-wahl a, .produkte a, .ueber-polyas a, .jetzt-starten a { display: block; } .footer-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 0 50px 0; border-top: 1px solid #e5e5e5; } .footer-2 { border-top: 1px solid #e5e5e5; } .footer-menu-2 { padding: 20px 20px; display: flex; justify-content: space-between; max-width: 1140px; margin: 0 auto; } .footer-menu-2-nav a { display: inline-block; padding-right: 10px; } .footer-menu-2-social ul { list-style-type: none; } .footer-menu-2-social ul li { display:inline; } .footer-menu-2-social { display: block; } @media (max-width: 800px) { .footer-row, .footer-menu-2-nav a { display: block; } .online-wahl, .produkte, .ueber-polyas, .jetzt-starten { margin: 0 0 20px 0; } .logo { margin: 30px 0 20px 0; } } /*# sourceMappingURL=styles.css.map */

Instructions