@import url("/auxil/common.css");

body { margin-left: 10%; margin-right: 7%; text-align: justify; background-color: #E9EDE2; }
   p { margin-top: 1.2ex; text-indent: 1.3em; }
figure { margin: 1ex 1.3em 1ex 1.3em; }

figure { text-align: center; }
figcaption { text-align: justify; }

.columnated, section { margin-top: 1.3em; margin-bottom: 1.3em; }

.sep { text-align: center; margin-top: 1.3em; margin-bottom: 1.3em; }
.sep:before { content: " "; text-decoration: line-through; letter-spacing: 20vw; padding-right: 3ex; }
.sep:after { content: " "; text-decoration: line-through; letter-spacing: 20vw; padding-left: 3ex; }

@media only all and ( max-width: 640px ) {
  body {  margin-left: 3%; margin-right: 3%; }
}

@media only all and ( min-width: 120ex ) {
  .columnated, .twocols { 
    -moz-column-gap: 8ex;
    -moz-column-rule-width: 2px;
    -moz-column-rule-color: #3B4370;
    -moz-column-rule-style: dotted;
    -webkit-column-gap: 8ex;
    -webkit-column-rule-width: 2px;
    -webkit-column-rule-color: #3B4370;
    -webkit-column-rule-style: dotted;
    column-gap: 8ex;
    column-rule-width: 2px;
    column-rule-color: #3B4370;
    column-rule-style: dotted;
  }
}

@media only all and ( min-width: 120ex ) {
  .columnated, .twocols { 
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
    column-count: 2; 
  }
}

@media only all and ( min-width: 120ex ) and ( max-width: 240ex ) {
  .columnated { 
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
    column-count: 2; 
  }
}

@media only all and ( min-width: 240ex ) and ( max-width: 360ex ) {
  .columnated { 
    -moz-column-count: 3; 
    -webkit-column-count: 3; 
    column-count: 3; 
  }
}

@media only all and ( min-width: 360ex ) {
   .columnated { 
    -moz-column-count: 4; 
    -webkit-column-count: 4; 
    column-count: 4; 
  }
}