footer{padding:3rem 2rem 0;background-color:var(--color-black)}footer .wrapper{height:auto;color:var(--color-white);display:grid;grid-template-columns:1fr .5fr;flex-direction:column;gap:2rem}footer .wrapper .logo{overflow:hidden;display:flex;flex-direction:column}footer .wrapper .logo .slogan{font-size:1.2rem;font-weight:380;color:#9f9f9f;width:100%;margin-left:4.75rem;margin-top:-5px}footer .wrapper .legal{display:flex;align-items:center;justify-content:center;gap:2rem;grid-area:3/span 2}footer .wrapper .legal a{font-size:1.2rem;font-weight:500}footer .wrapper .legal #cc-footer-open-preferences{font-size:1.2rem;font-weight:500;background:0 0;border:none;color:inherit;cursor:pointer;padding:0;text-decoration:none;margin:0}footer .wrapper .separator{width:calc(100% - 2rem);margin:0 auto;height:.5px;background-color:#9f9f9f;grid-column:span 2}footer .wrapper .footer-nav ul{display:none}footer .wrapper .footer-social-media-nav{grid-area:1/2;align-self:end}footer .wrapper .footer-social-media-nav ul{display:flex;gap:1.4rem;list-style:none;justify-self:flex-end}footer .wrapper .reserved{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:1.6rem;grid-area:4/span 2}footer .wrapper .reserved .rights{font-size:1.2rem;letter-spacing:1.2px}footer .wrapper .reserved .made{font-size:1.2rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:1rem}@media (min-width:740px){footer{padding:4rem 4rem 3rem}footer .wrapper{grid-template-columns:1fr}footer .wrapper .legal{grid-column:2;grid-row:1;justify-content:flex-end}footer .wrapper .legal a:nth-child(2),footer .wrapper .legal a:nth-child(3){display:none}footer .wrapper .legal a:nth-child(1){margin:0}footer .wrapper .footer-nav ul{display:flex;gap:2rem;list-style:none}footer .wrapper .separator{grid-column:span 2;grid-row:2;width:100%}footer .wrapper .footer-social-media-nav{grid-row:3;grid-column:2;justify-self:end}footer .wrapper .footer-nav ul li{font-size:1.4rem;font-weight:450}footer .wrapper .reserved{margin-top:6rem;flex-direction:row;align-items:center;justify-content:space-between;gap:1.6rem;grid-area:4/span 2}footer .wrapper .reserved .rights{font-size:1.2rem;letter-spacing:1.2px}footer .wrapper .reserved .made{font-size:1.2rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:1rem}}@media (min-width:1140px){footer .wrapper{max-width:1024px;margin:0 auto}}