 <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
      color: #222;
     background-color: #fff6ed;
     
    }

    /* Top image */
    .hero {
      width: 100vw;
      /*height: 60vh;*/
      min-height: 300px;
      max-width: 1800px;
      background-image: url("images/muksmassage.png");
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
    }

    

    .hero h1 {
      font-size: clamp(2rem, 6vw, 4rem);
      margin-bottom: 0.5rem;
    }

    .hero p {
      font-size: clamp(1rem, 2vw, 1.3rem);
    }

    /* Main content */
    .content {
      max-width: 800px;
      margin: 0 auto;
      padding: 4rem 1.5rem;
      text-align: center;
    }

    .content h2 {
      font-size: 2rem;
      margin-bottom: 1rem;
    }

    .content p {
      color: #555;
      margin-bottom: 2rem;
    }

    .button {
      display: inline-block;
      padding: 0.3rem 1.0rem;
      background-color: #633;
      color: white;
      text-decoration: none;
      border-radius: 6px;
      transition: background 0.2s;
    }

    .button:hover {
      background-color: #411;
      font-weight: bold;
    }

    /* Footer */
    footer {
      padding: 2rem;
      text-align: center;
      color: #666;
      font-size: 0.9rem;
    }
    
    
     
   
  </style>