.section-spotlight-block {

	.flex {

		display: flex;
		justify-content: space-between;
		align-items: center;

		@media screen and (max-width: 990px) {
			flex-wrap: wrap;
		}

		&.image-right {

			@media screen and (min-width: 990px) {
				.media-col {
					order: 2;
				}
			}

		}

		.media-col {

			width: 55%;

			@media screen and (max-width: 990px) {
				width: 100%;
				margin: 0 0 20px 0;
			}

			img {

				width: 100%;
				height: unset;
				border-radius: 20px;
				overflow: hidden;

			}

		}

		.content {

			width: calc(45% - 45px);

			@media screen and (max-width: 990px) {
				width: 100%;
			}

			.block-title {

				margin: 0 0 20px 0;

			}

			.block-richtext {
				margin: 0 0 20px 0;
			}



		}

	}

}