.hero--jwc {
    background: linear-gradient(90deg, rgba(4,30,88,1) 0%, rgba(60,56,145,1) 35%, rgba(174,49,159,1) 100%);
}

.hero--jwc-sml {
    max-height: 200px !important;
}

.ds-hero {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

.lexis-icon {
	height: 110px;
	padding-top: 16px;
	padding-bottom: 14px;
}

.main {
	margin-top: 116px;
}

.topnav {
	display: flex;
  font-size: 1rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 48px;
	margin-top: 16px;
	overflow: auto;
	white-space: nowrap;
	justify-content: center;
}

a:hover {
  color: #9d3d9a;
  text-decoration-color: #9d3d9a;
}

.topnav a {
  float: left;
  color: #FFFFFF;
  padding: 16px 24px;
  text-decoration: none;
	margin-left: 12px;
	text-align: center;
}

.topnav a:hover {
  background-color: #FFFFFF;
  color: #041e58;
}

.topnav a.active {
  color: #FFFFFF;
	background: rgba(250, 250, 250, 0.10)
}

.ds-hero-white {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

.ds-hero-gray {
	width: 100%;
	margin: 0;
	background-color: #F5F5F5;
	height: 700px;
}

.title {
	font-size: 78px;
}

.u-fs-400 {
  font-weight: 400;
}

.u-fs-600 {
  font-weight: 600;
}

.u-fc-w {
  color: #FFFFFF;
  padding: 4rem 0;
}

.topnav {
  font-size: 1rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 48px;
	margin-top: 1px;
}

.topnav a {
  float: left;
  color: #041e58;
  padding: 12px 24px;
  text-decoration: none;
	margin-left: 16px;
	text-align: center;
  background: #F5F5F5;
}

.topnav a:hover {
  background-color: #9d3d9a;
  color: #FFFFFF;
}

.topnav a.active {
  color: #FFFFFF;
	background: #041e58;
}

a:focus {
  background: #9d3d9a !important;
  outline: none !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  text-underline-position: none;
  -webkit-box-shadow:0 0 0 0px #FFF!important;
}

.footer__body {
    padding: 2rem 0 2rem;
    background-color: #f0f0f0;
}


.hero--census .hero__circle-image {
    top: -110px;
    right: 0;
    margin: auto;
    width: 460px;
    height: 460px;
}

@media only screen and (max-width:768px) {

.lexis-icon {
	height: 74px;
	padding-top: 16px;
}

.main {
	margin-top: 90px;
}

.topnav {
  font-size: 0.65rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 36px;
	margin-top: 1px;
}

.topnav a {
  padding: 10px 10px;
	margin-left: 6px;
}

}