.container{max-width:800px;margin:0 auto}footer{color:#f9f9f9;background:linear-gradient(90deg,#1b1b1b,#161616);grid-template-columns:repeat(2,1fr);grid-template-areas:"logo socials""links links";place-content:center;padding:20px;display:grid}.copyright{text-align:center;color:rgba(255,255,255,.3);background:linear-gradient(90deg,#1b1b1b,#161616);width:100%;padding:5px;font-size:8px;font-weight:300}footer .logo-wrap{grid-area:logo;align-items:center;gap:10px;display:flex}footer .logo{width:25px;height:auto}.socials{grid-area:socials;justify-content:flex-end;align-items:center;gap:20px;font-size:18px;display:flex}.socials a{color:#fff;align-items:center;transition:opacity .2s;display:flex}.socials a:hover{opacity:.7}.socials svg{fill:#fff}.links{grid-area:links;grid-template-columns:repeat(4,1fr);padding:40px 0 50px;display:grid}.links h2{color:rgba(255,255,255,.6);font-size:13px;font-weight:400}.links a{color:inherit;text-decoration:none}.links ul{opacity:.8;flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.links address{font-size:12px;font-style:normal;line-height:1.5}@media not (min-width:500px){.links{grid-template-columns:repeat(2,1fr);gap:20px 0;padding:40px 0 30px}}@media not (min-width:360px){footer{grid-template-columns:1fr;grid-template-areas:"logo""links""socials"}.socials{justify-content:flex-start;padding-bottom:20px}}