.footer-wrapper{
    background-color: #2A2B30;
    text-align: center;
    border-bottom: 10px solid #FED224;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer,
.footer li a{
  color: #FDFDFD;
  font-weight: 300;
}


.footer ul{
  list-style: none;
  padding: 15px;
  margin: 0px;
}

.footer li a:hover{
  text-decoration: none;
}

#ba-container{
 position: relative;
 bottom:  65px;
 right: -80%;
 width: 48px;
 height: 0px;
}

#__ba_panel{
 position: relative;
 bottom:  65px;
 right: -90%;
 width: 48px;
 height: 0px;
}

@media (min-width: 992px) {

.footer-wrapper{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10em;
}

.footer{
  display: flex;
}

.footer > div{
  width: 25%;
  text-align: left;
  line-height: 1.5em;
}

.about,
.social{
  position: relative;
  top: -14px;
}

#ba-container{
 right: -95%;
}

#__ba_panel{
 right: -95%;
}

}