@media only screen {
	.highlights {
		position: relative;
		visibility: hidden;
	}
	.highlights.loaded {
		visibility: visible;
	}
	.highlights .slide {
		position: relative;
		width: 100%;
		margin: 20px 0;
		overflow: hidden;
	}
	.panel-two-column .highlights .slide {
		margin-top: 0;
	}
	.highlights img {
		display: block;
		width: 100%;
		height: auto;
	}
	.highlights .content h3 {
		text-transform: uppercase;
	}
	.highlights .link {
		margin-top: 20px;
	}
	.highlights .link a {
		text-transform: uppercase;
		color: #D06F33;
	}
}

@media only screen and (max-width: 64em) {
	.highlights .content {
		max-width: calc(100% - 2em);
		margin: 0 auto;
		padding: 0 1em;
	}
}

@media only screen and (min-width: 64.063em) {
	.highlights {
		margin: 70px 0 30px;
	}
	.highlights.image-alternating {
		flex-direction: row;
		max-width: calc(100% - 2em);
		margin-left: auto;
		margin-right: auto;
	}
	.panel-two-column.fifty_fifty .left-container .highlights.image-above,
	.panel-two-column.fifty_fifty .left-container .highlights.image-below {
		padding-left: 1em;
	}
	.panel-two-column.fifty_fifty .right-container .highlights.image-above,
	.panel-two-column.fifty_fifty .right-container .highlights.image-below {
		padding-right: 1em;
	}
	.highlights .slide {
		display: flex;
	}
	.highlights.image-alternating .slide {
		max-width: 100%;
		margin: 0;
	}
	.highlights.image-alternating .slide:nth-child(odd) {
		flex-direction: row-reverse;
	}
	.highlights.image-alternating .image-wrapper,
	.highlights.image-alternating .content-wrapper {
		flex-basis: 50%;
	}
	.highlights.image-above .slide,
	.highlights.image-below .slide {
		flex-direction: column;
	}
	.highlights.image-below .slide {
		flex-direction: column-reverse;
	}
	.highlights.image-hidden .slide {
		max-width: 552px;
		padding-left: 1em;
	}
	.highlights.image-above img,
	.highlights.image-below img {
		width: 99%;
		margin: 0 auto;
	}
	.highlights .content-wrapper {
		margin-top: 20px;
	}
	.highlights.image-alternating .content-wrapper {
		margin-top: 0;
	}
	.highlights.image-below .content-wrapper {
		margin-top: 0;
		margin-left: 0;
	}
	.panel-two-column .highlights .content-wrapper {
		max-width: 530px;
		min-height: 350px;
	}
	.panel-two-column .highlights.image-alternating .content-wrapper {
		max-width: 100%;
		min-height: auto;
	}
	.highlights.image-alternating .slide .content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		margin-top: 0;
	}
	.highlights.image-alternating .slide:nth-child(odd) .content {
		width: 90%;
		margin-right: 10%;
	}
	.highlights.image-alternating .slide:nth-child(even) .content {
		width: 80%;
		margin-left: 10%;
	}
	.highlights .content h3 {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 73em) {
	.highlights.image-above img,
	.highlights.image-below img {
		width: 100%;
	}
}

@media only screen and (min-width: 74em) {
	.highlights.image-alternating {
		max-width: 1168px;
	}
	.panel-two-column.fifty_fifty .left-container .highlights.image-above,
	.panel-two-column.fifty_fifty .left-container .highlights.image-below {
		padding-left: 0;
	}
	.panel-two-column.fifty_fifty .right-container .highlights.image-above,
	.panel-two-column.fifty_fifty .right-container .highlights.image-below {
		padding-right: 0;
	}
	.highlights.image-hidden .slide {
		max-width: 552px;
		padding-left: 0;
	}
}

@media only screen and (min-width: 90em) {
	.highlights.image-above,
	.highlights.image-below {
		padding-left: 0;
	}
}