/* Minimal reset and the grid subset used by this site. */

*,
*::before,
*::after {
   box-sizing: border-box;
}

html {
   font-size: 62.5%;
}

html,
body {
   margin: 0;
   padding: 0;
}

article,
figure,
header,
main,
nav,
section {
   display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
ul {
   margin: 0;
   padding: 0;
}

img {
   border: 0;
   vertical-align: middle;
}

strong,
b {
   font-family: inherit;
   font-weight: 700;
}

em,
i {
   font-style: italic;
}

/* Existing row/column markup retained from the original site. */

.row {
   width: 96%;
   max-width: 1020px;
   margin: 0 auto;
}

.row::before,
.row::after,
.cf::before,
.cf::after {
   content: "";
   display: table;
}

.row::after,
.cf::after {
   clear: both;
}

.column,
.columns {
   position: relative;
   float: left;
   min-height: 1px;
   padding: 0 20px;
}

.column.centered,
.columns.centered {
   float: none;
   margin-right: auto;
   margin-left: auto;
}

.row .ten {
   width: 83.33333%;
}

.row .eleven {
   width: 91.66667%;
}

.row .twelve {
   width: 100%;
}

.text-center {
   text-align: center !important;
}

@media only screen and (max-width: 767px) {
   .row {
      width: auto;
      padding: 0;
   }

   .column,
   .columns {
      float: none;
      width: auto !important;
      margin-right: 0;
      margin-left: 0;
      padding: 0 30px;
   }
}