/* Default size */
svg {
  width: 100%;
  height: auto;
  display: block;
}

/* Adjust for smaller screens */
@media screen and (max-width: 768px) {
  svg {
    width: 80%;
    height: auto;
  }
}

/* Adjust for very small screens */
@media screen and (max-width: 480px) {
  svg {
    width: 90%;
    height: auto;
  }
}

/* Decorative laser beam */
    .laser-line {
      position: absolute;
      bottom: 40%;
      left: -100%;
      height: 2px;
      width: 100%;
      background: linear-gradient(90deg, transparent, #ff7b00, transparent);
      animation: laserMove 3s linear infinite;
    }
    
	@keyframes laserMove {
      0% { left: -100%; }
      100% { left: 100%; }
    }

    /* Logo */
    .logo {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-bottom: 20px;
	  text-shadow: 1px 2px 3px black;
    }

    .logo-icon {
      width: 60px;
      height: 60px;
      fill: #ff7b00;
	  filter: drop-shadow(4px 4px 3px rgba(244, 214, 186, 0.8));
      animation: spin 4s linear infinite;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    .logo-text {
      font-family: 'Orbitron', sans-serif;
      font-size: 2.8rem;
      color: #ff7b00;
      letter-spacing: 2px;
      text-transform: uppercase;
    }

@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 960px) {}
@media screen and (max-width: 840px) {}
@media screen and (max-width: 736px) {
    .laser-line {
      position: absolute;
      bottom: 70%;
	}	
	.logo {
	  justify-content: center;
      align-items: center;
      gap: 10px;
      margin-bottom: 20px;
	}
	
	.logo-text {
      font-family: 'Orbitron', sans-serif;
      font-size: 1.8rem;
      color: #ff7b00;
      letter-spacing: 3px;
      text-transform: uppercase;
    }
}