.footer {
  position: relative;
  z-index: -1;
  margin-top: -100px;
}
.fr__container {
  width: 100%;
  height: 400px;
}
#fr__content {
  position: relative;
  width: 100%;
  height: 240px;
  text-align: center;
  margin 0;
  background-color: #0e1111;
  background-image: url(https://jmrusz.me/hubfs/Detroit-MI.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 480px auto;
  box-shadow: -1px 1px 12px 5px rgb(250 250 250 / 6%);
  z-index: 1;  
}
#fr__footer {
  width: 100%;
  height: 260px;
  background-color: #000;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  perspective: 80.5em;
  z-index: -1;
}
.fr__footer-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1320px;
  height: 100%;
  justify-content: flex-end;
  margin: 0.5rem auto;
  padding: 0 1.275rem 0.75rem;
}
.fr__footer-container hr {
  width: 100%;
  -webkit-mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0) );  
  border-bottom-color: #fafafa80!important;  
}
.fr-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0.5rem auto 0;  
}
.fr-txt {
  text-align: center;
  font-size: 72px;
  font-weight: 800;
  letter-spacing: 0.01em;
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #544fff;
   -webkit-mask-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, transparent),
    color-stop(0.35, #000),
    color-stop(1, transparent)
  );
  text-transform: uppercase;
  transform: translateZ(-100px);
  user-select: none;
  transform-style: preserve-3d;
  margin-bottom: 0;
}
.fr-content p {
  font-size: 0.75rem;
  color: rgb(255 255 255 / 65%);
}

@media screen and (max-width: 499px) {
  .fr__container {
    height: 300px;
  }
  #fr__content {
    height: 200px;
    background-size: 348px auto;
  }
  #fr__footer {
    height: 200px;
    background-color: #544fff24;
  }
  .fr-txt {
    font-size: 30px;
    -webkit-text-stroke-width: 1.5px;
  }
  .fr-content p {
    font-size: 10px;
    margin-bottom: 12px;
  }
}