/**
 * Toggle on/off.
 */
.min-large {
  display: none;
}

/**
 * Typography.
 */
h1 {
  font-size: 2.8em;
}

h2 {
  font-size: 1.6em;
}

/**
 * Membership upsell (v1).
 */
.v1.membership-upsell > div {
  background:
    url("/graphics/upsell/house.svg") no-repeat 5% bottom/200px auto,
    url("/graphics/upsell/atomium.svg") no-repeat 300px bottom/150px auto,
    url("/graphics/upsell/cloud.svg") no-repeat 65% 30%/100px auto
    #26b084
  ;
}

/**
 * Membership upsell (v2).
 */
.v2.membership-upsell h2 {
  font-size: 1.6em;
  padding-left: 0;
  border: none;
}

.v2.membership-upsell .button {
  padding: 1em;
}

/**
 * Grid layouts.
 */
.layout-compact > article {
  width: 50%;
}

.layout-compact > div {
  width: 100%;
}

.layout-compact > :last-child {
  margin-top: 2em;
  width: 100%;
}