#overview .link-overview {
	color: rgba(51, 51, 51, 0.6);
	pointer-events: none;
}

.bg-grad {
	background: #ab4bea;
	background: -moz-linear-gradient(-45deg, #ab4bea 0%, #c691e6 100%);
	background: -webkit-linear-gradient(-45deg, #ab4bea 0%,#c691e6 100%);
	background: linear-gradient(135deg, #ab4bea 0%,#c691e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab4bea', endColorstr='#c691e6',GradientType=1 );
}

.button-pill {
	border-radius: 1em;
}

.theme-dark p.typography-intro {
	color: #fff;
}

.icon-fba {
	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/fba-mac/feedback-assistant-mac-128x128.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.icon-fba {
		background-image: url("/assets/elements/icons/fba-mac/feedback-assistant-mac-128x128_2x.png");
	}
}

.hero-lockup {
	margin: 4em auto;
	width: 980px;
	height: 572px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/bug-reporting/images/hero-lockup-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.hero-lockup {
		background-image: url("/bug-reporting/images/hero-lockup-large_2x.png");
	}
}


@media only screen and (max-width: 1068px) {
	.hero-lockup {
		width: 692px;
		height: 404px;
		background-image: url("/bug-reporting/images/hero-lockup-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
		.hero-lockup {
			background-image: url("/bug-reporting/images/hero-lockup-medium_2x.png");
		}
	}
}


@media only screen and (max-width: 735px) {
	.hero-lockup {
		margin: 2em auto;
		width: 300px;
		height: 175px;
		background-image: url("/bug-reporting/images/hero-lockup-small.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
		.hero-lockup {
			background-image: url("/bug-reporting/images/hero-lockup-small_2x.png");
		}
	}
}


/* ========== Grid ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 735px) {
	#main section.section {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 1em 0;
	}
}