@@ -1330,218 +1330,222 @@ table.alt tr:not(:last-of-type) {
bottom: 0;
}
.l-header--menu-opener.is-active:before {
transform: translateY(8.8px) rotate(45deg);
box-shadow: 0 8.8px rgba(12, 72, 108, 0);
.l-header--menu-opener.is-active:after {
transform: translateY(-8.8px) rotate(-45deg);
.l-header--links {
height: 100%;
-ms-flex-item-align: start;
align-self: flex-start;
display: none;
list-style: none;
white-space: nowrap;
.l-header--nav {
display: inline-block;
margin-right: 10px;
margin-right: 0.625rem;
vertical-align: top;
position: relative;
.l-header--nav:hover > .menu-dropdown {
display: block;
.l-header--nav > a {
border: 0;
font-size: 0.8em;
@media (min-width: 25em) {
.l-header--logo {
width: 200px;
margin-right: 2.5rem;
@media (min-width: 48em) {
.l-header {
margin-top: 6.25rem;
/*margin-top: 6.25rem; /* issue #44. We don't like this. */
.l-header--menu-opener {
display: none !important;
width: 255px;
@media (min-width: 64em) {
width: 300px;
margin-right: 1.25rem;
.l-speaker-page {
margin-top: 60px;
margin-top: 3.75rem;
.l-speaker-page--portrait {
width: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-top: 5rem;
.l-speaker-page--content *:first-child {
margin-top: 0;
width: auto;
.l-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 100px;
margin-top: 3.25rem;
padding: 50px 40px;
padding: 3.125rem 40px;
.l-footer--logos {
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 20px;
margin-top: 1.25rem;
.l-footer--logo {
max-width: 100%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
.l-footer--logo > svg {
.l-footer__alt {
background-color: #0c486c;
color: white;
padding: 6.25rem 70px;
/*padding: 6.25rem 70px; /* issue #44 too much padding */
padding: 3.25rem 70px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 6.25rem 160px;
/*padding: 6.25rem 160px; */
padding: 3.25rem 160px;
@media (min-width: 80em) {
padding: 6.25rem 200px;
/*padding: 6.25rem 200px;*/
padding: 3.25rem 200px;
margin-bottom: 0;
-ms-flex-preferred-size: auto;
flex-basis: auto;
@media (min-width: 1946px) {
padding: 6.25rem auto;
padding: 3.25rem auto;
/*padding: 6.25rem auto;*/
.l-content-page {
margin-top: 80px;
.l-content-page--image {
height: 200px;
margin: 7vw 0;
background-size: cover;
background-position: center;
height: 350px;
height: 500px;
height: 600px;
.l-404 {
.l-404--content {
max-width: 50%;
.styleguide > .black {
background-color: black;
padding: 20px;