.center-logo .cls-1 {
  fill: #fff;
}

.center-logo .cls-2 {
  fill: #db0617;
}

.center-logo {
  width: 12rem;
  position: absolute;
  left: 53.1%;
  top: 45%;
  transform: translate(-50%, -50%);
}

.center-logo .cls-2:hover {
  fill: #bc0615;
  cursor: pointer;
}

.main-content {

  z-index: 1;

  &.relative {
    position: relative;
  }
}