#difference-hero {
  width:100%;
  min-height:50vh;
  padding:top:180px;
  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; }
}

#difference-hero .boxed div {
  transform:translateY(30px);
}

#difference-hero h1, #difference-hero h2 {
  color:#FE5F55;
  margin-bottom:0;
  margin-top:40px;
}

#difference-hero p {
  color:#ffffff;
  font-size:2em;
  margin-top:0;
}

#difference-closer {
  background-color:#0C243E;
  background-image:url('../images/dotted-icon-blue1.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:right 10% center;
  padding-top:40px;
  padding-bottom:40px;
}

#difference-closer h2 {
  --fluid-type-min: 2.0rem;
  --fluid-type-max: 2.8rem;
  --fluid-type-target: 5vw;
}

#steps img {
  width:120px;
  margin-bottom:20px;
}

#steps .grid3 div {
  width:100%;
  max-width:600px;
  margin:0 auto 64px auto;
}

footer {
  margin-top:0;
}

@media (min-width: 1200px) {
  #steps .grid3 div {
    max-width:100%;
    margin:0;
  }
}