#footer-container {
  min-height: 265px;
  background-color: #000;
}

.footer a:hover,
.footer a:active {
  color: #fff !important;
}

.footer #accordion {
  width: 100%;
  position: relative;
  padding: 0;
}

.footer .panel {
  font-size: .9rem;
  line-height: 1.75rem;
  float: left;
  width: 100%;
  margin-top: 0;
  padding: 15px;
  /* border-bottom: solid 1px #555960; */
}

.footer .panel-heading {
  display: block;
  padding: 0;
  background-color: transparent;
  border-bottom: solid 1px #555960;
}

.footer .panel-title {
  color: #ebd99f;
  font-size: 1.15rem;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.footer .panel li {
  margin: 0;
}

.footer .panel-title a,
.footer .panel-title a:hover,
.footer .panel-title a:active,
.footer .panel-title a:visited {
  color: #ebd99f !important;
  text-decoration: none;
}

.footer .panel-title a svg {
  float: right;
}

.footer .panel-title a .fa-plus {
  display: none;
}

.footer .panel-title a .fa-minus {
  display: block;
}

.footer .panel-title a.collapsed .fa-plus {
  display: block;
}

.footer .panel-title a.collapsed .fa-minus {
  display: none;
}

.footer .panel ul {
  padding: 10px 0 0 12px;
  list-style-type: none;
}

.footer .panel ul a,
.footer .panel ul a:visited {
  color: #c4bfc0;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: 3px;
}

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

.footer .social a {
  color: #9D9795;
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 2.5rem;
  margin: 9px 2%;
  text-align: left;
  text-decoration: none;
}

.footer .social a:visited {
  color: #c4bfc0;
  text-decoration: none;
}

.footer .social a svg {
  width: 100% !important;
}

.footer .motto {
  max-width: 300px;
  margin: 40px auto;
  text-align: center;
}

.footer .motto img {
  display: block;
  max-width: 80%;
  margin: 0 auto 15px;
}

.footer .bottom {
  padding: 10px;
  background-color: #555960;
  color: #c4bfc0;
  text-align: center;
  line-height: 1.1em;
}

.footer .bottom p,
.footer .bottom a,
.footer .bottom a:visited {
  color: #c4bfc0;
  font-size: 14px;
}



/* Media queries for a given screen size or LARGER */

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

  .footer .panel {
    width: 50%;
    padding-top: 25px;
    border-bottom: none;
  }

  .footer .panel .panel-collapse {
    display: block;
  }

  .footer .panel-last {
    width: 100%;
  }

  .footer .panel-title a svg {
    display: none !important;
  }
  
  .footer #accordion ul {
    padding: 0;
  }
  
  .footer .panel-title,
  .footer .panel-last .panel-title,
  .footer #accordion ul a {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    /* border-bottom: 1px solid #555960; */
  }

  .footer .panel-last {
    padding-top: 10px;
    padding-bottom: 25px;
  }

  .footer .panel-last .panel-heading {
    display: none;
  }

  .footer .social {
    justify-content: center;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .footer .panel-row {
    width: 50%;
    float: left;
  }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .footer .panel-row {
    width: 40%;
  }

  .footer .panel-last {
    width: 20%;
    padding-top: 25px;
  }

  .footer .panel-last .panel-heading {
    display: block;
  }

  .footer .social {
    justify-content: start;
  }

  .footer .motto {
    max-width: 200px;
    margin: 5px auto;
    text-align: center;
  }

}




/* Media queries for a given screen size or SMALLER */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */