@media (max-width: 768px) {
  .logo-home {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem);
  }
}
@media (max-width: 360px) {
  .logo-home {
    margin-left: -.5rem;
    margin-right: -.5rem;
    width: calc(100% + 1rem);
  }
}

.js .logo-home path {
  opacity: 0;
}


.js .logo.fade {
  opacity: 0;
  pointer-events: none;
}
.js .logo.show {
  opacity: 1;
  pointer-events: auto;
}