.heroes-slideshow {
    margin-bottom: 2rem;
}
.hero-container {
	width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: .5rem;
  align-items: center;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
  background-color: var(--white);
  border: 1px solid var(--navy);
  border-radius: 500px;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover {
  background-color: var(--royal);
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
  background-color: var(--navy);
  cursor: text;
}
.hero-container .left-side .button {
    margin-top: 1rem;
    margin-bottom: 0;
}
#node-163 .flexge-logo {
    max-width: 220px;
    height: auto;
    margin-bottom: 1rem;
}

.hero-container .left-side, .hero-container .right-side {
  width: 50%;
  padding-bottom: 1rem;
}
.hero-container .left-side {
  padding-right: 5%;
}
.hero-container .right-side img {
  width: 100%;
  border-radius: 12px;
}


@media (min-width: 0px) and (max-width: 767.98px) {
.hero-container {
	flex-direction: column-reverse;
  }
	.hero-container .left-side, .hero-container .right-side {
  width: 100%;
	}
}