.hero-banner {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.hero-banner img {
	width: auto;
	height: 100%;
}

/*
.hero-banner img {
    width: 100%;
    height: 289px;
    object-fit: cover;
    object-position: left 40%;
}

.hero-banner {
    overflow-x: hidden;
}


@media screen and (max-width:1200px) {
    .hero-banner img {
        width: 1110px;
        object-position: calc(-1200px + 100vw) 40%;
    }
}


@media screen and (max-width:600px) {
    .hero-banner img {
        width: 1500px;
        object-position: calc(-1450px + 100vw) -150px;
    }
}

@media screen and (max-width:400px) {
    .hero-banner img {
        width: 1500px;
        object-position: calc(-1350px + 80vw) -150px;
    }
}
*/