.image-text-container {
	padding-left: 0;
	padding-right: 0;
}

.image-text-container {
	justify-content: center;
	align-content: center;
	align-items: center;
	column-gap: 2em;
}

.imageLeft img {
  float: left;
  margin-right: 15px;
  width: 300px;
}

.imageLeft p {
	margin-left: 15px;
	margin-right: 15px;
}

.content span {
  line-height: 25px;
  display: flex;
  margin-bottom: 11px;
  margin-right: 15%;
}

.imageLeft span {
  display: flex;
}

.rich-text-container, .rich-text-container p {
	font-size: 1em;
	line-height: 1.5;
	color: var(--text-color, --c-gray-600);
	margin: 0;
	margin-right: 15px;
}

@media (min-width: 992px) {
	.row {
	  margin-left: 7%;
	}
}

@media (max-width: 991px) {	
	.image-text-container {
  		display: initial;
		flex-direction: column;
	}
	
	.image {
	  margin: 25px;
	}
	
	.txt {
  		margin: 25px;
	}
	
	.content span {
		margin-right: 5%;
	}
}

@media (max-width: 661px) {	
	.imageLeft img {
		float: none;
		margin-bottom: 10px;
		width: 330px;
	}
	
	.content span {
		margin-right: 2%;
	}
}


@media (min-width: 768px) {
	.content {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.content {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.content {
  		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.content {
  		max-width: 1320px;
	}
}

article:nth-child(even) {
  background-color: #f4f2eb;
}

article:nth-child(odd) {
  background-color: #e5eeee;
  margin-left: 25px;
}

.img-thumbnail {
	cursor: zoom-in;
}

figure {
	margin-right: 15px;
	width: 28%;
	
	img {
	    height: 75vw;
	    object-fit: cover;
	    
	    @media (min-width: 576px) {
	      height: 35vw;
	    }
	    
	    @media (min-width: 992px) {
	      height: 18vw;
	    }
	}
}

figcaption {
	font-style: italic;
	padding: 2px;
	text-align: right;
	font-size: 14px;
	margin-right: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
	margin-left: 10px;
}

#manualScreenshot {
	width: 100%;
}

.h2, h2, .h5, h5 {
  font-size: 1.35rem;
  line-height: 1.7em;
  background-color: #8080801f;
}

@media (max-width: 991px) {
	figure {
	  width: 50%;
	}
}

@media (max-width: 420px) {
	figure {
	  width: 90%;
	}
}


