footer {
          background-color: rgb(127, 127, 127);
}
.footer-top {
          padding: 10px 0;
          text-align: left;
          color: rgb(255, 255, 255);
}
.footer-top h3 {
          padding-bottom: 10px;
          color: #fff;
}

.footer-about img.logo-footer {
          max-width: 250px;
          margin-top: 0;
          margin-bottom: 18px;
}
.footer-about p a {
          color: #aaa;
          border-bottom: 1px dashed #666;
}
.footer-about p a:hover,
.footer-about p a:focus {
          color: #fff;
          border-color: #aaa;
}

.footer-contact p {
          word-wrap: break-word;
}
.footer-contact i {
          padding-right: 10px;
          font-size: 18px;
          color: var(--primary);
}
.footer-contact p a {
          color: rgb(255, 255, 255);
          border-bottom: 1px dashed #666;
}
.footer-contact p a:hover,
.footer-contact p a:focus {
          color: var(--primary);
          border-color: #aaa;
}

.footer-social a {
          display: inline-block;
          margin-right: 20px;
          color: var(--primary);
          border: 0;
}
.footer-social a:hover,
.footer-social a:focus {
          color: var(--primary-light);
          border: 0;
}
.footer-social i {
          font-size: 24px;
          vertical-align: middle;
}

.footer-bottom {
          background: #444;
          text-align: left;
          color: #aaa;
}

.footer-copyright p {
          margin: 0;
          padding: 0.5rem 0;
}
.footer-copyright a {
          color: #fff;
          border: 0;
}
.footer-copyright a:hover,
.footer-copyright a:focus {
          color: #aaa;
          border: 0;
}