footer
{
   display: flex;
   height: 344px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 18px 48px 120px;
   background-color: var(--kl-bg-color);
}
footer > ul.list
{
   box-sizing: border-box;
   width: 278px;
   justify-content: space-between;
   row-gap: 13px;
   padding: 0px 30px;
   flex-wrap: wrap;
   font-size: 18px;
   font-weight: 500;
   line-height: 23px;
}
footer > ul.list > li.list-item:nth-child(4)
{
   margin-left: 5px;
}
footer > ul.list > li.list-item:nth-child(5)
{
   margin-right: 5px;
}
footer > ul.list > li.list-item > a
{
   color: var(--kl-color-3);
}
footer > .social-media
{
   width: 278px;
   height: 141px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   margin-top: 30px;
}
footer > .social-media > .title
{
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 600;
   line-height: 25px;
   background: -webkit-linear-gradient(left, #DD9BFC 0%, #BCDAFF 100%);
   -webkit-background-clip: text;
           background-clip: text;
   -webkit-text-fill-color: transparent;
}
footer > .social-media > ul.list
{
   width: 258px;
   height: 48px;
}
footer > .social-media > ul.list > li.list-item
{
   width: 48px;
   height: 48px;
}
footer > .social-media > ul.list > li.list-item > a
{
   display: block;
   width: 48px;
   height: 48px;
   background-size: contain;
}
footer > .social-media > ul.list > li.list-item > a.instagram
{
   background-image: url(/images/footer/instagram.svg);
}
footer > .social-media > ul.list > li.list-item > a.facebook
{
   background-image: url(/images/footer/facebook.svg);
}
footer > .social-media > ul.list > li.list-item > a.alexa
{
   background-image: url(/images/footer/alexa.svg);
}
footer > .social-media > ul.list > li.list-item > a.twitter
{
   background-image: url(/images/footer/twitter.svg);
}
footer > .social-media > ul.list > li.list-item > a.mail
{
   background-image: url(/images/footer/mail.svg);
}
footer > .social-media > .copyright
{
   font-size: 10px;
   font-weight: 200;
   line-height: 12px;
   color: var(--kl-text-color-light);
}
footer > .legal
{
   margin-top: 30px;
   display: flex;
   justify-content: center;
   column-gap: 52px;
   flex-wrap: wrap;
}
footer > .legal > a
{
   font-size: 18px;
   font-weight: 500;
   line-height: 23px;
   color: var(--kl-text-color-light);
}

@media screen and (min-width: 744px)
{
   footer
   {
      height: 374px;
      margin-top: 100px;
      padding: unset;
      padding-bottom: 112px;
   }
   footer > ul.list
   {
      height: 23px;
      width: 634px;
      justify-content: space-around;
   }
   footer > .social-media
   {
      width: 634px;
   }
   footer > .social-media > .title
   {
      font-size: 24px;
      line-height: 30px;
   }
   footer > .social-media > .copyright
   {
      font-size: 12px;
      line-height: 15px;
   }
}