.grid_pie {
  width: 75%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 4vw;
  color: #616160;
  font-family: "fuente1";
  font-size: 1vw;
  margin: 2vw auto; }

.tit_pie {
  font-size: 1.3vw;
  font-weight: 600;
  display: block;
  margin-bottom: 1vw;
  color: #000000; }

.img_logo_pie {
  width: 5vw; }

.barra_pie {
  width: 100%;
  display: block;
  box-sizing: border-box;
  background-color: #000000;
  color: white;
  padding: 1.5vw 12.5%;
  font-family: "fuente1";
  font-size: 1vw; }

.icono_redes_pie {
  width: 2vw;
  height: 2vw;
  text-align: center;
  line-height: 2vw;
  border-radius: 0.3vw;
  margin-right: 0.5vw;
  display: inline-block;
  text-decoration: none; }

.face_icon {
  background-color: #3b5998;
  color: white; }

.insta_icon {
  background-color: #cd486b;
  color: white; }

@media screen and (max-width: 800px) {
  .grid_pie {
    width: 75%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    color: #616160;
    font-family: "fuente1";
    font-size: 16px;
    margin: 50px auto 70px auto; }

  .tit_pie {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 16px;
    color: #000000; }

  .img_logo_pie {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    display: block; }

  .barra_pie {
    width: 100%;
    color: white;
    padding: 20px 10px;
    font-size: 16px;
    text-align: center; }

  .icono_redes_pie {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 5px;
    margin-right: 8px;
    display: inline-block;
    text-decoration: none; }

  .face_icon {
    background-color: #3b5998;
    color: white; }

  .insta_icon {
    background-color: #cd486b;
    color: white; } }