.flex-nav ul {
margin: 0 0 2em 0;
padding: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
list-style: none;
}
.content-body-copy .flex-nav ul li { margin: 0; }
.flex-nav a {
padding: 1.25rem 0.5rem;
font-size: 1.6rem;
max-width: 240px;
font-weight: bold;
text-decoration: none;
display: flex;
align-items: flex-start;
color: #333;
}
.flex-nav a:hover, .flex-nav a:focus {
background: #ccc;
color: black;
}
.flex-nav a:hover svg, .flex-nav a:focus svg {
fill: green;
}
.flex-nav a:hover span, .flex-nav a:focus span {
color: black;
}
.flex-nav span {
display: block;
font-size: 1rem;
font-weight: normal;
color: #888;
margin: 0.25rem 0 0 0;
}
.flex-nav svg {
margin-right: 0.4em;
}

.flex-nav a div {
font-size: 1em;
}

.flex-nav .icon {
width: 40px;
height: 40px;
float: left;
margin-right: 1rem;
fill: #999;
}
.flex-nav.outlines * {
outline: 1px solid rgba(255, 0, 0, 0.5);
}




.rmedia__image {
	  width: 100%;
}



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

.flex-nav ul { flex-direction: row; }
.content-body-copy .flex-nav ul li { margin-left: 3rem; }
.content-body-copy .flex-nav ul li:first-child { margin: 0; }	
	
.rmedia {
  display: -webkit-box;
  display: flex;
  margin-bottom: 2em;
}
	
	.rmedia.rmedia-left {
	flex-direction: row;
} 

.rmedia.rmedia-right {
	flex-direction: row-reverse;
}

.rmedia.rmedia-top {
	flex-direction: column;
}
.rmedia.rmedia-bottom {
	flex-direction: column-reverse;
}
	
	
	.rmedia__image {
	  width: calc(100% *  3 / 8);
	  margin-right: 2rem;
	}
	
	.rmedia__image img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}

.rmedia__content {
  -webkit-box-flex: 1;
          flex: 1;
}
.rmedia__content > * + * {
  margin-top: 1rem;
}
	
	
}


@media only screen and (min-width: 992px) {
	.rmedia__image {
	  width: calc(100% *  4 / 10);
	  margin-right: 2rem;
	}
}