section.hero { padding-top: 0; padding-bottom: 0; overflow: hidden; }
section.hero .container {padding-top: 48px; padding-bottom: 48px}
.hero { background-color: #fff; min-height: inherit; background-size: contain; background-repeat: no-repeat; background-position: right top; }
.hero .hero-image { position: relative; }
.hero .row { display: flex; flex-wrap: wrap; }
@media (min-width: 768px) {
	section.hero .container {padding-top: 4rem; padding-bottom: 4rem}
}
@media (min-width: 1400px) {
    .hero { width: 1400px; margin: 0 auto;}
}


section { padding-top: 48px; padding-bottom: 48px }
#work-better { color: #fff; background-size: cover; background-repeat: no-repeat; background-position: left center; }
#final { background-color: #FFE8CF; }
@media (min-width: 768px) {
  section {padding-top: 80px; padding-bottom: 80px}
	#work-better { background-size: cover; background-repeat: no-repeat; background-position: center center; }
}