#content
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

article
{
	flex: 0 1 65%;
}

article .entry h1
{
	padding-top: 0;
}

#content .article-and-slider
{
	display: flex;
	flex-direction: column;
	flex: 0 1 65%;
}

#frontpage-highlights
{
	order: -1;
	justify-content: space-between;
	margin-bottom: 1em;
}

#frontpage-featured
{
	flex: 0 1 32%;
}

#frontpage-highlights:empty
{
	display: none;
}

.frontpage-featured-widget .feature
{
	display: flex;
	align-items: center;
	margin: 1em 0;
}

.frontpage-featured-widget .feature h3
{
	margin: 0;
}

.frontpage-featured-widget .feature img
{
	flex: 0 1 64px;
	margin-right: 1em;
}

#frontpage-featured .feature .detail
{
	display: block;
}

#frontpage-call-to-action
{
	display: flex;
	flex: 0 1 100%;
	order: 2;
	justify-content: space-between;
	margin-top: 1em;
}

.frontpage-cta-widget
{
	display: flex;
	flex-direction: column;
	flex: 0 1 32%;
}

.frontpage-cta-widget .widget_sp_image-image-link
{
	order: -1;
}

.frontpage-cta-widget .widget_sp_image-image-link img
{
	width: 100%;
}

/* Small Screens */
@media screen and (max-width: 767px) {
	#content
	{
		display: block;
	}

	#content .article-and-slider
	{
		display: block;
	}

	#frontpage-call-to-action
	{
		display: block;
	}

	.frontpage-cta-widget
	{
		flex-basis: 100%;
	}

	.frontpage-cta-widget::before
	{
		display: block;
		order: -1;
		height: 0px;
		margin: 1em 0;
		border-bottom: 1px dotted lightgray;
		content: ' ' ;
	}
}
