/* Layout CSS for: page.html.twig, generated: Wed, 27 Mar 19 11:38:56 +0200 */

.page {
  display: flex;
  flex-flow: column;
  width: 100%;
}

.l-rw {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 75em;
  width: 100%;
}

.l-r {
  flex: 0 0 auto;
  padding: 0 0.625em;
  width: 100%;
}

/* Begin breakpoint: maxwidth */
@media all and (max-width: 75em) {

.l-leaderboard { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-header { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-navbar { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-highlighted { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-features { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-content-prefix { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-main { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-content-suffix { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-subfeatures { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-footer { -webkit-order: 1; -ms-flex-order: 1; order: 1; }

}
/* End breakpoint */

/* Begin breakpoint: mobile */
@media all and (max-width: 60em) {

.l-leaderboard { -webkit-order: -10; -ms-flex-order: -10; order: -10; }
.l-header { -webkit-order: -7; -ms-flex-order: -7; order: -7; }
.l-navbar { -webkit-order: -6; -ms-flex-order: -6; order: -6; }
.l-highlighted { -webkit-order: -9; -ms-flex-order: -9; order: -9; }
.l-features { -webkit-order: -8; -ms-flex-order: -8; order: -8; }
.l-content-prefix { -webkit-order: -5; -ms-flex-order: -5; order: -5; }
.l-main { -webkit-order: -4; -ms-flex-order: -4; order: -4; }
.l-content-suffix { -webkit-order: -3; -ms-flex-order: -3; order: -3; }
.l-subfeatures { -webkit-order: -2; -ms-flex-order: -2; order: -2; }
.l-footer { -webkit-order: -1; -ms-flex-order: -1; order: -1; }

}
/* End breakpoint */


.l-attribution { -webkit-order: 100; -ms-flex-order: 100; order: 100 ;}