h3 {
  margin: 0 auto 30px;
}

/* READ MORE */
.read-more-state {
  display: none;
  position: absolute;
  left: -9999px;
}
.read-more-wrap {
  margin: 0;
}

 read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: 0.25s ease;
}
.read-more-target {
  max-height: 0;
  overflow: hidden;   /* 🔴 MOST IMPORTANT */
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}



.read-more-state ~ .read-more-trigger:before {
  content: "Read more...";
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: "Read less...";
}

 read-more-state:checked ~ .read-more-target {
  opacity: 1;
    text-align: left;
  font-size: inherit;
  max-height: 999em;margin: 0px 0 0 0px;
}

.read-more-state:checked ~ .read-more-target {
  max-height: 1000px;   /* enough height */
  opacity: 1;
  text-align: left;
  margin: 0;
}




	.read-more-trigger {
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-decoration: underline;
  font-style: italic;
  color: #0066cc; /* optional: makes it look clickable */
}
.read-more-trigger:hover {
  color: #004999; /* optional hover color */
}
@media screen and (max-width: 1920px) {
	

	
	}
@media screen and (max-width: 1900px) {
	

	
	}

@media screen and (max-width: 1600px) {
	

	
	}

@media screen and (max-width: 1500px) {
	

	
	}
@media screen and (max-width: 1400px) {
	

	
	}

@media screen and (max-width: 1000px) {
	

	}