/* Home - index */

.lang {
  position: fixed;
  right: 0;
  margin-top: 0em;
	width: 60px;
	border: 0;
	background: rgba(167,189,55,1);
  height: 40px;
  /*! background: 0; */
  cursor: pointer;
}
.lang img {
  width: 50px;
	min-width: initial;
	margin: 0;
}

.row {
	background-color: #fff;
	color: #555;
	padding: 1em;
	width: 100%;
	margin: auto;
	line-height: 1.5rem;
	display: block;
}


#r1 {
  grid-template-columns: 1.5fr 2fr;
  gap: 0 3em;
  align-items: center;
  display: block;
	margin-bottom: 3em;
}
#r2 {
	
	grid-template-columns: 2fr 1fr;
	gap: 0 5em;
	align-items: center;
  display: block;
}


#r3 {
  display: block;
  margin: 2em auto;
  width: fit-content;
  font-size: 1.5em;
}


#r1 img, #r2 img {
	width: 100%;
	in-width: 400px;
	margin: 2em 0 ;
}

#r4 {
  padding: 1em;
  width: 100%;
  margin-bottom: 7em;
  display: inline-block;
}


.imgWrapper {
  width: fit-content;
  margin: auto;
  display: block;
  eight: 23%;
  text-align: center;
}

.imgWrapper img {
  max-width: 100%;
}

h2 {
	text-align: center;
	margin: 1em auto 2em;
	font-size: 1.2em;
	text-decoration: underline;
}

@media only screen and ( min-width: 750px ) {
	.row{
		width: 90%;		
	}
	#r1, #r2 {
	  display: grid;
	}
	#r1 img, #r2 img {
		min-width: 300px;
	}

}

@media only screen and ( min-width: 1050px ) {
	#r1, #r2 {
	  display: grid;
	}
	#r1 img {
		min-width: 450px;

	}

	.imgWrapper {
		width: 100%;
		grid-template-columns: 1.8fr 1.005fr 0.83fr 0.855fr 0.75fr;
	  display: inline-grid;
	}

	
	.imgWrapper img {
		display: inline-block;
		max-height: 100%;
		width: 100%;
}

}
@media only screen and ( min-width: 1250px ) {
	.row{
		width: 70%;		
	}

}