footer {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer-section .footer-menu {
  border-top: 1px solid rgba(149, 149, 149, 0.75);
  border-bottom: 1px solid rgba(149, 149, 149, 0.75);
  list-style: none;
}

.footer-section .footer-menu > li { margin-right: 3rem; }

.footer-section .footer-menu > li:last-of-type { margin-right: 0; }

.footer-section .footer-menu > li > a {
  color: #fff;
  font-size: 1.6rem;
  text-transform: uppercase;
}

.footer-section .footer-top,
.footer-section .footer-bottom { padding: 5rem 0; }

.footer-section .footer-top a {
  color: #fff;
  font-size: 1.6rem;
}

.footer-section .footer-menu > li > a,
.footer-section .footer-top a {
  font-weight: 500;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, rgb(255, 147, 30), rgb(255, 147, 30) 50%, #fff 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: background-position 275ms ease;
}

.footer-section .footer-menu > li > a:hover,
.footer-section .footer-top a:hover {
  background-color: transparent !important;
  background-image: linear-gradient(to right, rgb(255, 147, 30), rgb(255, 147, 30) 50%, #fff 50%) !important;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 0 100%;
}

/* Redes Sociais */

.footer-section .footer-menu > li > a.social,
.footer-section .footer-top a.social{
  font-weight: 500;
  position: relative;
  overflow: hidden;
  background: black;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: background-position 275ms ease;
}

.footer-section .footer-menu > li > a.social:hover,
.footer-section .footer-top a.social:hover{
  background-color: transparent !important;
  background-image: linear-gradient(to right, rgb(255, 147, 30), rgb(255, 147, 30) 50%, black 50%) !important;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 0 100%;
}

.social-icons{
  background-color: white;
  border-radius: 50%;
}

i.fa-instagram, i.fa-facebook{
  font-size: 1.2em;
}

i.fa-instagram{
  padding: 10px 10px 10px 10px;
}

i.fa-facebook{
  padding: 12px 12px 0px 12px;
}

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

  .footer-section .footer-top,
  .footer-section .footer-bottom { padding: 2.5rem 0; }

  .footer-section .footer-menu .menu-item {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5rem;
    margin-right: 0;
    display: block;
  }

  .footer-section .footer-top--item img,
  .footer-bottom img { max-width: 12rem !important; }

  .my-mobile {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .social{
    justify-content: center;
    margin-left: 0 !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .footer-section .footer-menu .menu-item { margin-right: 2.2rem; }
}