
footer {
  background-color: #333333;
  color: #f5f5f5;
  line-height: 2;
  padding: 40px 20px;
}

footer .col-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

footer .col-footer > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

footer .col-footer > div.legal-links {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

footer .col-footer > div.datos-contact {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
  footer .col-footer > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  footer .col-footer > div.legal-links {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  footer .col-footer > div.datos-contact {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
    text-align: right;
  }
  footer .col-footer > div > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }
}

footer a, footer a i {
  color: #f5f5f5 !important;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

footer .datos-lic span {
  display: inline-block;
  padding: 0 5px;
}

footer ul.redes-agencia li a {
  font-size: 4rem;
}

@media screen and (min-width: 992px) {
  footer ul.redes-agencia li a {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 992px) {
  footer ul.redes-agencia li:last-child {
    padding-right: 0;
  }
}
