footer {margin-top: 50px;background-color: #624963; color: #fff;height: 380px;position: relative;overflow: hidden;}
footer:after {  background: #10384f;  content: "";  height: 100vh;  left: -50vw;  opacity: .2;  position: absolute;  top: 142px; transform: skewY(-3deg);  width: 200vw;  z-index: 0;}
footer a{color: #fff; text-decoration: none}
footer .container{display: flex;gap: 30px;justify-content: space-between;padding: 50px 10px;align-items: end;height: 100%;position: relative;z-index: 1;}
.footer-menu{display: flex;flex-wrap: wrap;gap: 0 20px;justify-content: center;margin: 0;max-width: 542px;padding: 0;}
.footer-menu a{font-size: 12px}
.footer-menu .menu-item{position: relative}
.footer-menu .menu-item:after{color: #fff; content: "|"; opacity: .4; position: absolute; right: -12px; top: 0; transform: rotate(15deg);}
.footer-menu .menu-item:last-child:after{content:""}
.footer-links-right{margin: 0;padding: 0;}
.footer-links-right .menu-item{font-size: 12px;letter-spacing: 1px;}
.footer-links-right .menu-item a{white-space: nowrap;}
.footer-coopyright{color:#fff; white-space: nowrap;font-size: 12px;}

@media (max-width:991px){
 footer .container {flex-direction: column;align-items: center;}
  .footer-menu{flex-direction: column}
  .footer-menu .menu-item:after{content:initial;}
  .footer-menu .menu-item:before{color: #fff;content: "\0046";font-family: Glyphter;font-size: 8px;padding-right: 10px;}
}

@media (max-width:480px){
  footer .container {align-items: flex-start;}
}