.bg-grad-down {
	background: linear-gradient(to bottom, #ffffff 0%,#bcd1da 100%);
}
.bg-grad-up {
	background: linear-gradient(to top, #f9fbfc 0%,#e0eaee 100%);
}
.theme-dark.bg-blue {
	background-color: #065c78;
	color: #fff;
}

.image-hero {
	margin-top: 2em;
	width: 830px;
	height: 548px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/machine-learning/images/lockup-hero-large_2x.png");
}

.create-ml-hero {
	margin-top: 2em;
}
.screen-create-ml {
	background-image: url("/machine-learning/images/screen-create-ml-training-large_2x.jpg");
}

.screen-core-ml {
	background-image: url("/machine-learning/core-ml/images/screen-training-large_2x.jpg");
}

.icon-core-ml {
	margin-bottom: 1em;
	width: 96px;
	height: 96px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/core-ml/core-ml-96x96_2x.png");
}

.icon-create-ml {
	margin-bottom: 1em;
	width: 96px;
	height: 96px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/create-ml/create-ml-96x96_2x.png");
}

.icon-model {
	margin-bottom: 1.5em;
	width: 100px;
	height: 100px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/machine-learning/images/icon-ml-model_2x.png");
}

.icon-resource {
	margin-bottom: 1.5em;
	width: 100px;
	height: 100px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/machine-learning/images/icon-ml-resource_2x.png");
}

.icon-api {
	margin: 3em 0 1em;
	width: 64px;
	height: 64px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-language {
	background-image: url("/machine-learning/images/natural-language.svg");
}
.icon-sounds {
	background-image: url("/machine-learning/images/sounds.svg");
}
.icon-speech {
	background-image: url("/machine-learning/images/speech.svg");
}
.icon-vision {
	background-image: url("/machine-learning/images/vision.svg");
}
.icon-translation {
	background-image: url("/machine-learning/images/translation.svg");
}


@media only screen and (max-width: 1068px) {
	.image-hero {
		width: 692px;
		height: 457px;
		background-image: url("/machine-learning/images/lockup-hero-medium_2x.png");
	}
	.screen-create-ml {
		background-image: url("/machine-learning/images/screen-create-ml-training-medium_2x.jpg");
	}
	.screen-core-ml {
		background-image: url("/machine-learning/core-ml/images/screen-training-medium_2x.jpg");
	}
}

@media only screen and (max-width: 735px) {
	.icon-resource {
		margin-top: 3em;
	}
	.image-hero {
		width: 310px;
		height: 205px;
		background-image: url("/machine-learning/images/lockup-hero-small_2x.png");
	}
	.screen-create-ml {
		background-image: url("/machine-learning/images/screen-create-ml-training-small_2x.jpg");
	}
	.screen-core-ml {
		background-image: url("/machine-learning/core-ml/images/screen-training-medium_2x.jpg");
	}
}

@media only screen and (max-width: 320px) {
	.image-hero {
		width: 280px;
		height: 185px;
	}
}


/* ========== Grid ========== */
#main section.section.section-hero {
	padding-bottom: 2em;
}
#main section .section-content .row > .column.column-split:first-of-type {
	padding-right: 30px;
}
#main section .section-content .row > .column.column-split:last-of-type {
	padding-left: 60px;
}

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