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

   .content1 {
    max-width: 1000px;
    margin: 0 auto;
  }
  
.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;
}

.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: 70%;
  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: 50%;
  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;
}