#clients-hero {
  width:100%;
  min-height:50vh;
  padding:top:120px;
  display:flex;
  align-items:center;
  justify-content: center;
  background-color:#0C243E;
  background-image:url('../images/dotted-icon-blue1.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:right 10% center;
  animation: animatedBackground 3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 90% 0; }
}

#clients-hero h1, #clients-hero h2 {
  color:#FE5F55;
  margin-top:60px;
}

#clients-hero h1 {
  --fluid-type-min: 2.5rem;
  --fluid-type-max: 3.5rem;
  --fluid-type-target: 5vw;
}
