.bread-crumb {
  display: flex;
  justify-content: center;
  column-gap: 5px;

  position: absolute;
  z-index: 10;

  margin-bottom: 60px;

  top: 56px;
  left: 50%;
  right: 50%;

  a {
    color: white;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
  }

  p {
    color: white;
    line-height: 5px;;
  }
}

@media screen and (min-width: 768px) {
  .bread-crumb {
    align-self: baseline;
    justify-content: flex-start;
    top: 24px;
    left: calc(1.1% + 160px);
  }
}

@media screen and (min-width: 880px) {
  .bread-crumb {
    left: calc(5.2% + 160px);
  }
}

@media screen and (min-width: 1060px) {
  .bread-crumb {
    left: calc(10.416% + 160px);
  }
}