.div_clear {
  clear: both;
  width: 100%;
  height: 6vw;
  display: block; }

.barra_pie {
  width: 100%;
  display: block;
  box-sizing: border-box;
  background-color: black;
  color: white;
  padding: 0.5vw 10%;
  font-size: 0.9vw;
  height: 6vw;
  position: absolute;
  bottom: 0; }

.bold_pie {
  font-family: "EncodeSansExpanded Bold"; }

.grid_pie {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0;
  color: white;
  font-size: 0.8vw;
  margin: 0 auto;
  border-top: solid 0.1vw white;
  padding: 1vw 0;
  text-align: center; }

@media screen and (max-width: 980px) {
  .div_clear {
    height: 80px; }

  .txt_block_m {
    display: block; }

  .barra_pie {
    width: 100%;
    color: white;
    padding: 8px 10%;
    font-size: 12px;
    height: 80px; }

  .grid_pie {
    width: 100%;
    display: grid;
    grid-gap: 0;
    color: white;
    font-size: 12px;
    margin: 0 auto;
    border-top: solid 1px white;
    padding: 16px 0; } }