@charset "utf-8";
/* CSS Document */
.pagecontent-2cols {
  column-count: 2;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: lightblue;
  column-rule: 1px solid lightblue;
  column-span: all;
  column-width: 100%;
}

.pagecontent-1cols {
  column-count: 1;
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: lightblue;
  column-rule: 1px solid lightblue;
  column-span: all;
  column-width: 100%;
}
/* Create three equal columns that floats next to each other */
.column {
  margin-top: 20px;
  column-count: 2;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: lightblue;
  column-rule: 1px solid lightblue;
  column-span: all;
  column-width: 100px;
}
/* Create three equal columns that floats next to each other */
.column-1 {
  margin-top: 50px;
  column-count: 1;  
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: lightblue;
  column-rule: 1px solid lightblue;
  column-span: all;
  column-width: 100%;
  margin-bottom: 50px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}