html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      overflow: hidden;
    }
	

	
    .background {
      position: fixed;
      top: 7%;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    /* Default (mobile first) */
    .background {
      background-image: url('../images/Background_Small.png');
    }

    /* 751px – 1280px */
    @media (min-width: 751px) and (max-width: 1280px) {
      .background {
        background-image: url('../images/Background_Ipad.png');
      }
    }

    /* Above 1280px */
    @media (min-width: 1281px) {
      .background {
        background-image: url('../images/Background_Big.png');
      }
    }

	.TitleIcons {
	  position: absolute;
	  top: 15px;
	  right: 2%;
	  margin:0;
	  display: flex;
	  gap: 15px;          /* 10px spacing between icons */
	  z-index: 30;
	}
	
	.phone-icon,.contact-icon,.instagram-icon 
	{
	  width: 40px;
	  height: 40px;
	  cursor: pointer;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center;
	  transition: filter 0.2s ease, transform 0.2s ease;
	}
	
		.phone-icon:hover,.contact-icon:hover,.instagram-icon:hover 
	{
	  filter: brightness(0.8);  
	  transform: scale(1.2);    
	}
	
	/* Contact icon */
	.contact-icon 
	{
	  background-image: url('../images/WhiteMail.png');
	  background-color: transparent;
	}
	
		/* Phone icon */
	.phone-icon 
	{
	  background-image: url('../images/phone.svg');
	  background-color: transparent;
	}
	
	/* Instagram icon */
	.instagram-icon 
	{
	  background-image: url('../images/Instagram.svg');
	  background-color: transparent;
	}
	
		
		/* Modal overlay with blur effect */
	.modal-overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  backdrop-filter: blur(8px);
	  background-color: rgba(0,0,0,0.5);
	  display:none;
	  justify-content: center;
	  align-items: center;
	  z-index: 20;
	}

	/* Modal content */
	.modal {
	  background: white;
	  padding: 20px;
	  border-radius: 12px;
	  max-width: 400px;
	  width: 90%;
	  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
	  position: relative;
	}

	.modal h2 {
	  margin-top: 0;
	  margin-bottom: 15px;
	  text-align: center;
	}

	.modal label {
	  display: block;
	  margin-top: 10px;
	  font-weight: bold;
	}

	.modal input, .modal textarea {
	  width: 100%;
	  padding: 8px;
	  margin-top: 5px;
	  border-radius: 5px;
	  border: 1px solid #ccc;
	  box-sizing: border-box;
	}

	.modal input[type="file"] {
	  padding: 3px;
	}

	.modal button {
	  margin-top: 15px;
	  padding: 10px 20px;
	  border: none;
	  background-color: #a76b42;
	  color: white;
	  border-radius: 5px;
	  cursor: pointer;
	  width: 100%;
	}

	.modal button:hover {
	  background-color: #a25f33;
	}

	.close-btn {
	  position: absolute;
	  top: 10px;
	  right: 15px;
	  font-size: 20px;
	  font-weight: bold;
	  cursor: pointer;
	}
	
	.grecaptcha-badge {
    visibility: hidden;
}