html {
  box-sizing: border-box; }

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

/* Calculate values */
body {
  color: #666;
  font-family: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  line-height: 1.2;
  margin: 0 0 0.75em;
  color: #2E8DCD; }

p {
  margin: 0 0 0.75em; }

a {
  color: #7B479C;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: shade(#7B479C, 25%); }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

table {
  border-collapse: collapse;
  margin: 0.75em 1.2em;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid shade(#ddd, 25%);
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

#main-container .left-column {
  border-right: 0px dotted #7E8CB8;
  margin-top: 30px;
  margin-right: 30px;
  padding-right: 30px;
  float: left; }
  #main-container .left-column #intro-text {
    padding-top: 20px; }
    #main-container .left-column #intro-text p {
      font-size: 130%;
      color: #666;
      line-height: 1.4em; }
      #main-container .left-column #intro-text p .blue-highlight-text {
        color: #2E8DCD;
        font-style: italic;
        font-weight: bold; }
#main-container .right-column {
  margin-top: 30px;
  max-width: 450px; }
  #main-container .right-column h3 {
    font-size: 110%;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #666; }
  #main-container .right-column ul, #main-container .right-column ol, #main-container .right-column dl {
    position: relative; }
  #main-container .right-column ul {
    list-style-type: square;
    padding-left: 16px; }
  #main-container .right-column li {
    margin-top: 6px; }
  #main-container .right-column .feature-button {
    padding: 6px 90px 6px 12px;
    color: #666;
    min-height: 75px;
    margin-bottom: 12px; }
    #main-container .right-column .feature-button h2 {
      font-size: 120%;
      font-weight: bold;
      padding: 0;
      margin: 0; }
      #main-container .right-column .feature-button h2 a:link, #main-container .right-column .feature-button h2 a:visited {
        text-decoration: none;
        color: #666; }
      #main-container .right-column .feature-button h2 a:hover {
        color: #666; }
    #main-container .right-column .feature-button p {
      padding: 0;
      margin: 2px 0 0 0; }
    #main-container .right-column .feature-button a:link, #main-container .right-column .feature-button a:visited {
      text-decoration: none;
      color: #666; }
    #main-container .right-column .feature-button a:hover {
      color: #999; }

@media only screen and (min-width: 45em) {
  #main-container {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-auto-rows: minmax(34px, auto);
    grid-column-gap: 10px;
    grid-template-areas: "logo logo logo logo logo logo logo logo logo" "hd hd hd hd hd hd hd hd hd" "snb snb snb snb snb snb snb snb snb" "main main main main main rc rc rc rc" "ft ft ft ft ft ft ft ft ft";
    border: 0px solid red;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px; } }

/*# sourceMappingURL=homepage.css.map */