/* Layout CSS for: page.html.twig, generated: Sat, 10 Feb 18 12:16:43 +1300 */

.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: wide */
@media all and (min-width: 60.0625em) {

  .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: 2;
    -ms-flex-order: 2;
    order: 2;
}
  .l-highlighted {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}
  .l-features {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}
  .l-content-prefix {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}
  .l-main {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}
  .l-content-suffix {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}
  .l-subfeatures {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}
  .l-footer {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

  .pr-header .arc--2 .l-r {
    width: 75%;
}

  .pr-header .arc--2 .l-r:last-child {
    width: 25%;
}

  .pr-features .hr--2-3 .l-r,
  .pr-features .arc--3 .l-r:nth-child(2) {
    width: 50%;
}

  .pr-features .hr--2-3 .l-r:last-child,
  .pr-features .arc--3 .l-r:last-child {
    width: 50%;
}

  .pr-main .hr--1-2 .l-r:first-child {
    width: 75%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

  .pr-main .hr--1-2 .l-r:last-child {
    width: 25%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

  .pr-main .hr--1-3 .l-r:first-child {
    width: 75%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

  .pr-main .hr--1-3 .l-r:last-child {
    width: 25%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

  .pr-main .hr--2-3 .l-r {
    width: 50%;
}

  .pr-main .arc--3 .l-r:first-child {
    width: 50%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

  .pr-main .arc--3 .l-r:nth-child(2) {
    width: 25%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

  .pr-main .arc--3 .l-r:last-child {
    width: 25%;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

  .pr-subfeatures .hr--2-3 .l-r,
  .pr-subfeatures .hr--2-4 .l-r,
  .pr-subfeatures .hr--3-4 .l-r,
  .pr-subfeatures .hr--1-2-3 .l-r:nth-child(2),
  .pr-subfeatures .hr--1-2-4 .l-r:nth-child(2),
  .pr-subfeatures .hr--2-3-4 .l-r:first-child,
  .pr-subfeatures .arc--4 .l-r:nth-child(2) {
    width: 50%;
}

  .pr-subfeatures .hr--1-2-3 .l-r:last-child,
  .pr-subfeatures .hr--1-2-4 .l-r:last-child {
    width: 50%;
}

  .pr-subfeatures .hr--2-3-4 .l-r:nth-child(2) {
    width: 25%;
}

  .pr-subfeatures .hr--2-3-4 .l-r:last-child,
  .pr-subfeatures .arc--4 .l-r:last-child {
    width: 25%;
}

  .pr-subfeatures .arc--4 .l-r:nth-child(3) {
    width: 25%;
}

  .pr-footer .arc--3 .l-r {
    width: 25%;
}

  .pr-footer .arc--3 .l-r:first-child {
    width: 50%;
}

  .pr-footer .hr--1-3 .l-r,
  .pr-footer .hr--1-2 .l-r {
    width: 75%;
}

  .pr-footer .hr--1-3 .l-r:last-child,
  .pr-footer .hr--1-2 .l-r:last-child {
    width: 25%;
}

  .pr-footer .hr--2-3 .l-r {
    width: 50%;
}

}
/* End breakpoint */

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

  .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: 2;
    -ms-flex-order: 2;
    order: 2;
}
  .l-highlighted {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}
  .l-features {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}
  .l-content-prefix {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}
  .l-main {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}
  .l-content-suffix {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}
  .l-subfeatures {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}
  .l-footer {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

  .pr-header .arc--2 .l-r {
    width: 66.66667%;
}

  .pr-header .arc--2 .l-r:last-child {
    width: 33.33333%;
}

  .pr-features .hr--2-3 .l-r,
  .pr-features .arc--3 .l-r:nth-child(2) {
    width: 50%;
}

  .pr-features .hr--2-3 .l-r:last-child,
  .pr-features .arc--3 .l-r:last-child {
    width: 50%;
}

  .pr-main .hr--2-3 .l-r,
  .pr-main .arc--3 .l-r:nth-child(2) {
    width: 50%;
}

  .pr-main .hr--2-3 .l-r:last-child,
  .pr-main .arc--3 .l-r:last-child {
    width: 50%;
}

  .pr-subfeatures .hr--3-4 .l-r {
    width: 50%;
}

  .pr-subfeatures .hr--1-3-4 .l-r:nth-child(2),
  .pr-subfeatures .hr--2-3-4 .l-r:nth-child(2) {
    width: 50%;
}

  .pr-subfeatures .hr--1-3-4 .l-r:last-child,
  .pr-subfeatures .hr--2-3-4 .l-r:last-child {
    width: 50%;
}

  .pr-subfeatures .arc--4 .l-r:nth-child(3) {
    width: 50%;
}

  .pr-subfeatures .arc--4 .l-r:last-child {
    width: 50%;
}

  .pr-footer .hr--2-3 .l-r,
  .pr-footer .arc--3 .l-r:nth-child(2) {
    width: 50%;
}

  .pr-footer .hr--2-3 .l-r:last-child,
  .pr-footer .arc--3 .l-r:last-child {
    width: 50%;
}

}
/* End breakpoint */

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

  .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: 2;
    -ms-flex-order: 2;
    order: 2;
}
  .l-highlighted {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}
  .l-features {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}
  .l-content-prefix {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}
  .l-main {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}
  .l-content-suffix {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}
  .l-subfeatures {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}
  .l-footer {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

}
/* End breakpoint */

.l-rw {
  max-width: 85em;
}
.l-attribution {
  -webkit-order: 100;
  -ms-flex-order: 100;
  order: 100;
}