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

#row2 h3 {
  font-weight: bold;
  margin: 1.8em 0 1em;
}  
  
#row2, #row3 {
	border: 0px solid #0f0;
	width: 100%;
	display: inline-block;
	ine-height: 1.4em;
  margin: 0 0 3em;
  font-size: 1.2em;  
  line-height: 1.4em
}

#row2 p, #row3 p {
  margin-bottom: 1em; 
}

#row2 h2, #row3 h2 {
	margin-bottom: 1em;
  font-weight: bold;
	color: var(--mainColor);
	font-size: 1.5em;
}

.docimage {
  max-width: 20em;
  width: 100%;
  float: right;
  margin: 0 1em 1em;
}

.imgwrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}

.imgwrap img {
  width: 100%;
}


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

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

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


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