body {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 100%;
   background-color: #aaa;
   color: #3c3a3b;
}

.digisage-blue-background {
   background-color: #263857;
}

.digisage-blue {
   color: #263857;
}

a,
a:visited,
a:active  {
   color: #263857;
   font-weight: 900;
}

a:hover {
   color: #79AFDB;
}

p {
   margin-top: 0;
}

.outer-wrap {
   width: 800px;
   margin: 0 auto;
   background-color: #fff;
}

.content-wrap {
   padding: 20px 4%;
}

header {
   padding: 20px 20px 10px 20px;
}

h1, h2, h3 {
   font-family: 'Libre Baskerville', serif;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; cursor: pointer; }
h3 { font-size: 1.2em; }

h2 > i { margin: 5px 10px 5px 0;  }

footer {
   padding: 20px 2%;
   color: #fff;
   text-align: right;
}


@media (max-width: 800px) {
   .outer-wrap { width: 100%; }
}

@media (max-width: 600px) {
   h1 { font-size: 1.5em; }
   h2 { font-size: 1.1em; cursor: pointer; }
   h3 { font-size: 1em; }
}

@media (max-width: 420px) {
   h1 { font-size: 1em; }
   h2 { font-size: 1em; cursor: pointer; }
}