/* Wrapper: starts within the 1200px content area */
.overflow-scroller-wrapper
{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Container: overflows to the right edge of the viewport, capped at 2000px */
.overflow-scroller-container
{
	position: relative;
	overflow: hidden;
	width: calc(100% + (100vw - 1200px) / 2);
	max-width: 1200px;
}

.overflow-scroller-container .swiper-wrapper
{
	align-items: center;
	transition-timing-function: linear;
}

.overflow-scroller-container .swiper-slide
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	height: auto;
}

.overflow-scroller-container a,
.overflow-scroller-container .slide-link-logo
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	cursor: default;
	height: 100%;
	text-decoration: none;
}

.overflow-scroller-container a.has-link
{
	cursor: pointer;
}

.overflow-scroller-container img
{
	max-width: 270px;
	max-height: 352px;
}

/* On narrower screens, the overflow calc would go negative; fall back to full width */
@media screen and (max-width: 1200px)
{
	.overflow-scroller-container
	{
		width: 100%;
	}

	.overflow-scroller-wrapper
	{
		width: calc(100% - 30px);
	}
}