#team-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; }
}

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

#team-hero h1, #team-hero h2 {
  color:#FE5F55;
  margin-bottom:0;
}

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

#team a, #team a:visited,
#support a, #support a:visited {
  text-decoration: none;
  color:#074C85;
}

#team a:hover, #team a:focus,
#support a:hover, #support a:focus {
  color:#FE5F55;
  text-decoration:none;
}

#network {
    background-image: url('../images/dotted-icon-blue3-50.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left 10% center;
}

#insurance {
    background-image: url('../images/dotted-icon-blue3-50.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 25% center;
}

#support h3 {
  margin-bottom:48px;
}

#support img {
  margin-bottom:20px;
}

.boxed {
    width:100%;
    max-width:1200px;
    padding:10px;
    margin:0 auto;
}

@media (min-width:700px) {
  .support-member {
    display:grid;
    grid-template-columns: 2fr 3fr;
    grid-gap:24px;
    max-width: 100%;
    margin-bottom:64px;
  }
}

@media (min-width: 900px) {
  #team-grid {
    display:grid;
    grid-template-columns: 2fr 5fr;
    grid-gap:64px;
  }

  .support-member {
    grid-template-columns: 1fr 3fr;
    grid-gap:64px;
  }
}

@media (min-width: 1200px) {
  .grid3 {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:80px;
  }
}