@@ -1354,49 +1354,49 @@ table.alt tr:not(:last-of-type) {
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;
.l-header--links {
display: inline-block;
width: 255px;
@media (min-width: 64em) {
width: 300px;
.l-header--nav {
margin-right: 1.25rem;
.l-speaker-page {
margin-top: 60px;
margin-top: 3.75rem;
@@ -1409,115 +1409,119 @@ table.alt tr:not(:last-of-type) {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-top: 5rem;
.l-speaker-page--content *:first-child {
margin-top: 0;
.l-speaker-page--portrait {
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;
width: 100%;
.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 {
height: 100%;
.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;