#hero {
	margin-top: 12px;
}

#hero {
	background-image: url('../../images/custom-orders/back.jpg');
	background-image: image-set( url('../../images/custom-orders/back@2x.jpg') 2x);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#hero .hero-content {
	padding: 45px 0;
}

#hero .products-left {
    left: -362px;
	margin-right: 39px;
	margin-bottom: 4px;
}

#hero .products-right {
    right: -266px;
	margin-left: -43px;
	margin-bottom: 7px;
}

#hero .title {
	font-size: 38px;
	line-height: 1;
	margin-bottom: 11px;
}

#hero p {
	font-size: 17px;
	line-height: 1.264705882352941;
	max-width: 630px;
	margin: 0 auto;
}

#hero .button {
	height: 52px;
	font-size: 17px;
	line-height: 57px;
	padding: 0 23px;
	margin-top: 27px;
	color: #fff;
}

@media screen and (max-width: 567px ) {
	#hero .inner {
		padding: 35px 0 34px 0;
	}
	#hero .title {
		font-size: 31.5px;
		line-height: 1;
	}
	#hero .title span::before {
		width: 30px;
		left: -51px;
		top: 11px;
	}
	#hero .title span::after {
		width: 30px;
		right: -51px;
		top: 11px;
	}
	#hero p {
		font-size: 14px;
		line-height: 19px;
	}
	#hero .button {
		margin-top: 14px;
	}
}