.banner-hero {
	width: 100%;
	height: 100vh;
	min-height: 900px;
	background: #0070BC url('../imgs/product/banner-hero-8.png') top center;
	background-size: cover;
}

.banner-hero .content-hero {
	width: 100%;
	max-width: 600px;
	color: #FFFFFF;
}

.banner-hero .content-hero h1 {
	font-size: 3.8em;
	font-weight: 600;
	line-height: 1.4;
}

.banner-hero .content-hero h2 {
	font-size: 2.7em;
	line-height: 1.6;
}

.container-cobaquinoa .bg-left {
	background: #009D8F url('../imgs/product/gambar-38.png') top right;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.container-cobaquinoa .bg-right {
	background: #FEFDF2 url('../imgs/product/gambar-39.png') top left;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.container-cobaquinoa .bg-left h3 {
	font-size: 2em;
	color: #FFFFFF;
	line-height: 1.4;
}

.btn-demo-quinoa {
	width: 270px;
    height: 112px;
    background: transparent url('../imgs/product/gambar-40.png') top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.space-global-bottom {
  padding-top: 1rem;
  padding-bottom: 7rem;
}

@media (max-width: 991.98px) {
	.banner-hero .content-hero {
		max-width: 400px;
	}

	.banner-hero .content-hero h1 {
		font-size: 3.4em;
	}
}

@media (max-width: 767.98px) {
	.banner-hero .content-hero h1 {
		font-size: 2.9em;
	}

	.container-cobaquinoa .bg-left {
		border-top-right-radius: 30px;
		border-top-left-radius: 30px;
    	border-bottom-left-radius: 0px;
	}

	.container-cobaquinoa .bg-right {
		height: 300px !important;
		border-top-right-radius: 0px;
    	border-bottom-right-radius: 30px;
    	border-bottom-left-radius: 30px;
	}
}