.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 800px) {
  .footer-container {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .footer-column {
    width: 100% !important;
    float: none;
    text-align: center;
    padding: 0 0 18px 0;
  }
}
.footer-links{
    padding-left:0;
    margin-bottom:20px;
    text-decoration: none;
    color: inherit;
}

.footer-column {
    width: 100% !important;
    text-align: center;
    padding: 0 0 18px 0;
    display: inline;
    padding-left: 0;
      
}

.footer-container{
    
  width:90%;

  max-width:1200px;

  margin:0 auto;

  padding:0 15px

}

.footer-column{
  flex: 1 1 0;
  min-width: 180px;
  padding: 0 15px;
  box-sizing: border-box;
}

.footer-column.brand {
  flex: 1 1 0;
  min-width: 180px;
  padding: 0 15px;
  box-sizing: border-box;
}
.footer-bottom {
  width: 100%;
  box-sizing: border-box;
  padding: 18px 0 10px 0;
  margin-top: 28px;
  text-align: center;
  color: #96a2b2;
  font-size: 14px;
}

.site-footer hr

{

  border-top-color:#bbb;

  opacity:0.5

}

.site-footer hr.small

{

  margin:20px 0

}

.site-footer .social-icons

{

  text-align:center

}

.site-footer .social-icons a

{

  width:40px;

  height:40px;

  line-height:40px;

  margin-left:6px;

  margin-right:0;

  border-radius:100%;

  background-color:#33353d

}

.social-icons

{

  padding-left:0;

  margin-bottom:0;

  list-style:none

}

.social-icons li

{

  display:inline-block;

  margin-bottom:4px

}

.social-icons li.title

{

  margin-right:15px;

  text-transform:uppercase;

  color:#96a2b2;

  font-weight:700;

  font-size:13px

}

.social-icons a{

  background-color:#eceeef;

  color:#818a91;

  font-size:16px;

  display:inline-block;

  line-height:44px;

  width:44px;

  height:44px;

  text-align:center;

  margin-right:8px;

  border-radius:100%;

  -webkit-transition:all .2s linear;

  -o-transition:all .2s linear;

  transition:all .2s linear

}

.social-icons a:active,.social-icons a:focus,.social-icons a:hover

{

  color:#fff;

  background-color:#29aafe

}

.social-icons.size-sm a

{

  line-height:34px;

  height:34px;

  width:34px;

  font-size:14px

}

.social-icons a.facebook:hover

{

  background-color:#3b5998

}

.social-icons a.twitter:hover

{

  background-color:#00aced

}

.social-icons a.twitch:hover

{

  background-color:#9146FF

}

.social-icons a.discord:hover

{

  background-color:#99AAB5

}

.social-icons a.youtube:hover

{

 background-color:#FF0000

}