.text-footer {
  color: rgb(228, 228, 228);
  text-align: right;
  grid-column: 7 / span 3;
  margin-top: 21px;
  direction: rtl;
  margin-bottom: 11px;
}

.div-footer {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  background-color: #1a1a1a;
}

.s-footer {
  width: 25px;
  height: 66px;
  object-fit: contain;
}

.span-footer {
  grid-column: 2 / span 2;
  grid-row: 1;
}

.a-footer {
  text-decoration: none;
  padding-left: 19px;
}

.libtn {
  border: none;
  color: silver;
  margin-bottom: -13px;
  margin-right: -6px;
  text-decoration: none;
  width: max-content;
}

.f-box .sec-f-menu ul li a:hover {
  color: silver;
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
  .div-footer {
    grid-template-rows: repeat(2, 100px);
    align-items: center;
  }

  .text-footer {
    grid-column: 2 / span 8;
    text-align: center;
  }

  .span-footer {
    grid-row: 2;
    grid-column: 4 / span 4;
    margin-top: 14;
    margin: auto;
  }
}