#row1, #row2 {
	border: 0px solid #0f0;
	width: 100%;
	display: inline-block;
	ine-height: 1.4em;
  argin: 0 0 2em;
}

#row1 h1 {
	margin-bottom: 0em;
	font-weight: bold;
	color: var(--mainColor);
	font-size: 1.5em;
}

.accordeon h3 {
  padding: 0 1em
}

.accordeon {
  display: inline-block;
  font-size: 1.2em;
  width: 100%;
  margin: 1em 0;
  padding: 0;
}


.question {
	background: #f2f2f2;
	background: var(--mainBgColor);
	color: #fff;
	transition: max-height 0.5s ease-in-out;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 1em;
	line-height: 2em;
	max-height: 2em;
	font-size: 1em;
}

.active { 
	max-height: 60em !important;
}

.answer {
  background: #fff;
  line-height: 1.3em;
  padding: 1em 2em;
	height: max-content;
  cursor: initial;
	list-style: initial;
  color: #888;
}

.answer li {
	margin-bottom: 1em;
}

.imgwrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  background: #fff;
  padding-bottom: 1em;
}

.imgwrap img {
  width: 100%;
  isplay: inline-block;
}


@media only screen and ( min-width: 440px ) {
}

@media only screen and ( min-width: 750px ) {

}
@media only screen and ( min-width: 1050px ) {

	#row1 h1 {
		margin-bottom: 1em;
	}
	.question {
		line-height: 4em;
		max-height: 4em;
		ont-size: 1em;
	}
}


@media only screen and ( min-width: 1250px ) {
}