/* Navigation */
#utility-nav ul{
	justify-content: flex-end;
	margin-top: 1rem;
	margin-bottom: 0;
	font-size: 0.8em;
	margin: 1.6em 0;
}
#utility-nav li:not(:last-child){
	margin: 0 1.5rem 0 0;
}
#utility-nav a{
	display: inline-block;
	padding: 0.5em 0.8em;
	border: 1px solid rgba(0,0,0,0.1);
	font-weight: 600;
	line-height: 0;
}
@media all and (min-width: 40em){
	/* body{
		font-size: 1rem;
	} */
	#utility-nav ul{
		justify-content: end;
	}
	#utility-nav li{
		margin: 0 0 0 1.5rem;
	}
}

/* New styling */
/* Added in svg along with sr-only span */
#utility-nav ul{
  list-style: none;
  position: fixed;
  z-index: 1001;
  right: 0;
  top: 12rem;
}
#utility-nav li {
  margin: 0;
}
@media all and (min-width: 40em){
  #utility-nav li {
    margin: 0;
  }
}
#utility-nav a {
  font-size: 3.5rem;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  padding: 0.25em;
}
/* To make screen reader read this */
#utility-nav a span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}