.bg-gradient {
	background: linear-gradient(to bottom, #ffffff 0%, #d5e4f3 90%);
}

.section-topics {
	margin-top: 2em;
}
.section-topics .row .row {
	margin-top: 2em;
}

.callout {
	margin-top: 4em;
	background-color: #fff;
}

.callout-shadow {
	box-shadow: 1px 3px 6px 1px rgba(204, 204, 204, 0.6);
}

h4.typography-headline-body {
	margin-top: 1.6em;
}

.icon-nearby-interaction {
	margin-bottom: 1.5em;
	width: 128px;
	height: 128px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/nearby-interactions/nearby-interactions-128x128.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {
	.icon-nearby-interaction {
		background-image: url("/assets/elements/icons/nearby-interactions/nearby-interactions-128x128_2x.png");
	}
}

.router-icon-document {
	margin-bottom: 1em;
	width: 64px;
	height: 64px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/wwdr-unified/document.svg");
}

.topic-icon {
	margin-top: -9px;
	margin-left: 35px;
	width: 64px;
	height: 64px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-developers {
	background-image: url("/nearby-interaction/images/apps.svg");
}
.icon-accessory {
	background-image: url("/nearby-interaction/images/headphones.svg");
}
.icon-chipset {
	background-image: url("/nearby-interaction/images/chip.svg");
}

@media only screen and (max-width: 1068px) {
	.topic-icon {
		margin-left: 25px;
	}
}

@media only screen and (max-width: 734px) {
	.callout {
		margin-top: 3em;
	}
	.topic-icon {
		margin-top: 0;
		margin-left: -12px;
	}
	.icon-developers {
		margin-left: -21px;
	}
}