body {
  min-height: 100%;
  padding: 40px 100px;
  color: #333;
  font-family: Raleway, sans-serif;
}

h1,h2
{
  color:#951f20;
  font-family: Eczar, sans-serif;

  margin: 0;
}

h1
{
  float: none;
  font-size: 3em;
}
h2
{
  font-size: 2em;
}
h3
{
  font-size: 1.2em;
  margin:0 0 0.8em 0;
}
ul,p,div
{
  font-size: 1em;
  margin:0 0 0.8em 0;
}
ul
{
  padding: 0 0 0 18px;
}
li
{
    list-style-type: square;
    max-width: 80%;
}
.row
{
    margin: 20px;
}
.col-md-3
{

    text-align: right;
}
.col-md-9
{
  border-left: 1px solid #951f20;
}
.header .col-md-9
{
  border: none;
}
.col-md-9, .col-md-3
{

  padding:0px 10px;
}

.date
{
  float: right;
  color: #888;
  font-size: 0.8em;
}
a:link, a:visited
{
  color: #951f20;
}
a:hover, a:active
{
  color: #666;
}

.floaty-menu
{
  position: fixed;
  top:40px;
  left:0;
  height: auto;
  border-left: none;
  border-radius: 0 4px 4px 0;
  z-index: 10;
}
.floaty-menu .panel-body
{
  margin: 0;
}

.btn-th
{
  border:1px solid #951f20;
}
.btn-th:hover
{
  border:1px solid #951f20;
  background: #951f20;
  color: white;
}

@media (max-width: 900px) {
  body
  {
    padding: 0 0 0 40px;
  }
  .col-md-3
  {
      text-align: left;
      border-bottom: 1px solid #951f20;
  }
  .header .col-md-3
  {
    border: none;
  }
  .col-md-9
  {
    border-left: none;
  }
  .floaty-menu span.text
  {
    display: none;
  }
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
    h1
    {
      float: right;
      font-size: 2em;
    }
    h2
    {
      font-size: 1.5em;
    }
    h3
    {
      font-size: 1.2em;
      margin:0 0 0.8em 0;
    }
}