body {
    font-family: Merriweather, Times, serif;
    margin: 0;
	font-size: 100%;
    line-height: 1.6;
	padding: 20px; /* add padding to make text readable */
  }

p	{
	background-color: rgb(255,255,255,0.7);
    box-sizing: border-box;
	}
   .content1 {
    max-width: 1000px;
    margin: 0 auto;
  }

.container {
    display: flex;
    flex-direction: row;
    gap: 20px; /* space between left and right columns */
  }
  
.title {
  color: green;
  font-family: Century Gothic, verdana, sans-serif;
  font-weight: normal;
  font-size: clamp(3rem, 6vw, 7rem);
  margin-bottom: 20px;
  text-align: center;
}

  .left-column, .left-column1 .right-column , .right-column1 {
    flex: 1; /* each takes equal space */
    display: flex;
    flex-direction: column;
  }
 
.eyes	{
    display: flex;
    align-items: center;
    justify-content: center;
	}
.eyes img {
  width: 85%;
  margin-bottom: 20px;
}

.diagram  {
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
.diagram img {
  width: 50%;
  margin-bottom: 20px;
}

.description {
  max-width: 600px;
  margin: 20px auto;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  line-height: 1.6;
}

.eye-drop  {
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
.eye-drop img {
  width: 90%;
  margin: 20px auto;
}

.benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}

.benefit {
  background: green;
  color: white;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  max-width: 250px;
  text-align: center;
}

.disclaimer {

  bottom: 5px;      /* Position near bottom of image */
  right: 10px;      /* Align to right corner */
  font-size: 12px;  /* Small text */
  color: white;     /* Text color */
  background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
  padding: 3px 6px;
  border-radius: 4px;
  font-style: italic;
}

figure {
  text-align: center;
  margin: 20px auto;
  max-width: 600px;
}

figcaption {
  font-size: 14px;
  color: black;
  margin-top: 8px;
}

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .container {
      flex-direction: column;
    }
	
	.right-column {
	display: none;
	}
	
	.left-column {
		background-image: url("../images/nebulizer.png");
		background-repeat: no-repeat;
		background-size: contain;
	}
}