@charset "utf-8";

.TwoImgBlock.BgDarkBlue {
	padding: var(--spacing-md) 0;
}
.BgDarkBlue + .TwoImgBlock.BgDarkBlue {
	margin-top: calc(var(--spacing-sm) * -1)
}
.TwoImgBlock .LgImg {
	margin-bottom: var(--spacing-sm);
}
.TwoImgBlock .LgImg > *:not(.PhotoCredit):not(.PhotoCaption),
.TwoImgBlock .SmImg > *:not(.PhotoCredit):not(.PhotoCaption) {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.TwoImgBlock .Width1840 {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) {
	.TwoImgBlock .Width1840 {
		display: flex;
		height: 600px;
	}
	.TwoImgBlock.LgLeft .LgImg,
	.TwoImgBlock.SmLeft .SmImg {
		order: 1;
	}
	.TwoImgBlock.SmLeft .LgImg,
	.TwoImgBlock.LgLeft .SmImg {
		order: 2;
	}
	.TwoImgBlock.LgLeft .LgImg,
	.TwoImgBlock.SmLeft .SmImg {
		margin-right: var(--spacing-sm);
	}
	.TwoImgBlock .LgImg {
		flex-basis: calc((1100 / 1840) * 100%);
		margin-bottom: 0;
	}
	.TwoImgBlock .SmImg {
		flex-basis: calc((700 / 1840) * 100%);
	}
	.TwoImgBlock .LgImg > *:not(.PhotoCredit):not(.PhotoCaption),
	.TwoImgBlock .SmImg > *:not(.PhotoCredit):not(.PhotoCaption) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}