h2.divider-top,
h3.divider-top {
	margin-top: 1.8em;
	padding-top: 1.8em;
	border-top: 1px solid #d6d6d6;
}

h2 + h3,
h2 + h4,
h3 + h4 {
	margin-top: 1.6em;
}

h5+ul.links {
    margin-top: 0.8em;
}

.image-hero-wrapper {
	position: relative;
	height: 0;
	padding-top: calc(1012 / 2300 * 100%);
}

.image-hero {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
	max-width: 1150px;
}

.metal-section-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 1150px;
}

picture:not(.ds-hero) {
	display: block;
	position: relative;
}

body[data-color-scheme="light"] .light-filter {
	filter: brightness(0) saturate(100%) invert(41%) sepia(9%) saturate(0%) hue-rotate(154deg) brightness(96%) contrast(104%);
}

body[data-color-scheme="dark"] .light-filter {
	filter: brightness(0) saturate(100%) invert(74%) sepia(0%) saturate(123%) hue-rotate(136deg) brightness(92%) contrast(90%);
}

.device-hero {
	margin-top: 2em;
}

.lockup-hero {
	margin: 2em auto 0;
	max-width: 1400px;
}

.icon-metal {
	margin-bottom: 1em;
}

.hero-gaming {
	max-width: 1400px;
	margin: 0 auto;
}

.links.small > li.sample-code {
	background-position: 0 -1px;
}

#main section .section-content .row.footer-row {
	margin-top: 2em;
	margin-bottom: -2em;
}

@media only screen and (max-width: 735px) {
	h4.divider-top {
		margin-top: 3em;
		padding-top: 3em;
	}
	ul.divided-list {
		margin-top: 2em;
		padding-top: 3em;
		border-top: 1px solid #d6d6d6;
	}
}

.thumbnail {
	border-radius: 8px;
	width: 383px;
	height: 216px;
	margin: 2em 0 0.75em;
}
@media only screen and (max-width: 1068px) {
	.thumbnail {
		width: 276px;
		height: 156px;
	}
}

.thumbnail-image {
	position: static;
}