@charset "UTF-8";
/* LISIBILITY */
* {
  font-size: 16px; }

div {
  border: 1px dashed #D4D4D4; }

p:after, ul:after {
  content: "¬";
  color: red; }

h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
  color: blue;
  font-weight: normal;
  font-size: 10px;
  vertical-align: super; }

h1:before {
  content: "h1 "; }

h2:before {
  content: "h2 "; }

h3:before {
  content: "h3 "; }

h4:before {
  content: "h4 "; }

h5:before {
  content: "h5 "; }

h6:before {
  content: "h6 "; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

br:after {
  content: "·";
  color: red;
  border: 1px solid #999; }

/* LAYOUT AND GRAPHICS */
img {
  height: auto;
  margin: 0.5em 0; }

p {
  border: 1px dashed #848484; }

div {
  border: 1px solid #1A1A1A; }

img, p, div {
  position: relative; }
  img:before, p:before, div:before {
    font-size: 10px;
    color: red;
    background-color: #1A1A1A;
    position: absolute;
    top: 0;
    z-index: 3000; }
  img.full, p.full, div.full {
    width: 99%; }
    img.full:before, p.full:before, div.full:before {
      content: " full "; }
  img.demi, p.demi, div.demi {
    width: 47%;
    margin-right: 2%; }
    img.demi:before, p.demi:before, div.demi:before {
      content: " demi ";
      right: 0; }
  img.tiers, p.tiers, div.tiers {
    width: 29%;
    margin-right: 2%; }
    img.tiers:before, p.tiers:before, div.tiers:before {
      content: " tiers ";
      right: 0; }
  img.quart, p.quart, div.quart {
    width: 23%;
    margin-right: 2%; }
    img.quart:before, p.quart:before, div.quart:before {
      content: " quart ";
      right: 0; }
  img.demi-left, p.demi-left, div.demi-left {
    width: 47%;
    float: left;
    margin-right: 2%; }
    img.demi-left:before, p.demi-left:before, div.demi-left:before {
      content: " demi-left ";
      left: 0; }
  img.demi-right, p.demi-right, div.demi-right {
    width: 47%;
    float: right;
    margin-left: 2%; }
    img.demi-right:before, p.demi-right:before, div.demi-right:before {
      content: " demi-right ";
      right: 0; }
  img.demi-center, p.demi-center, div.demi-center {
    width: 47%;
    display: block;
    margin: 0 auto; }
    img.demi-center:before, p.demi-center:before, div.demi-center:before {
      content: " demi-denter ";
      right: 0; }
  img.tiers-left, p.tiers-left, div.tiers-left {
    width: 29%;
    float: left;
    margin-right: 2%; }
    img.tiers-left:before, p.tiers-left:before, div.tiers-left:before {
      content: " tiers-left ";
      left: 0; }
  img.tiers-right, p.tiers-right, div.tiers-right {
    width: 29%;
    float: right;
    margin-left: 2%; }
    img.tiers-right:before, p.tiers-right:before, div.tiers-right:before {
      content: " tiers-right ";
      right: 0; }
  img.tiers-center, p.tiers-center, div.tiers-center {
    width: 29%;
    display: block;
    margin: 0 auto; }
    img.tiers-center:before, p.tiers-center:before, div.tiers-center:before {
      content: " tiers-center ";
      right: 0; }
  img.quart-left, p.quart-left, div.quart-left {
    width: 23%;
    float: left;
    margin-right: 2%; }
    img.quart-left:before, p.quart-left:before, div.quart-left:before {
      content: " quart-left ";
      left: 0; }
  img.quart-right, p.quart-right, div.quart-right {
    width: 23%;
    float: right;
    margin-left: 2%; }
    img.quart-right:before, p.quart-right:before, div.quart-right:before {
      content: " quart-right ";
      right: 0; }
  img.quart-center, p.quart-center, div.quart-center {
    width: 23%;
    display: block;
    margin: 0 auto; }
    img.quart-center:before, p.quart-center:before, div.quart-center:before {
      content: " quart-center ";
      right: 0; }

h2 {
  font-size: 1.5em;
  font-size: 400; }

h3 {
  font-size: 2em;
  font-weight: 300; }

p {
  line-height: 1.3; }

a {
  color: #20c498; }