@font-face {
  font-family: 'GoudyStM';
  src: url('/fonts/GoudyStM-webfont.eot'); /* IE9 Compat Modes */
  src: url('/fonts/GoudyStM-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/GoudyStM-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/GoudyStM-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fonts/GoudyStM-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html {
  background: url('/img/mark-1440.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  min-height: 100%;

  /* Old IE background cover polyfill */
  -ms-behavior: url(/css/backgroundsize.min.htc);
}

html, body, p, h1, h2, h3, h4, ul, li {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'open sans', sans-serif;
  color: #333;
  min-height: 100%;
}

#sidebar {
  /* Old IE transparency polyfill */
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff); 
  zoom: 1;

  background: rgba(255, 255, 255, 0.66);

  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  min-height: 100%;
  box-sizing: border-box;

  padding: 40px;
  box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.33);
}

  a {
    color: #bd2031;
    text-decoration: none;
  }

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

  h1 {
    margin: 0 0 17.6px -4px;
    padding: 0;
    font-size: 270%;
  }

  h2 {
    margin-top: 17.6px;
    margin-bottom: 5px;
  }

  ul {
    list-style: square;
    margin: 0;
    padding: 0;
    line-height: 150%;
    font-size: 110%;
  }

  p {
    line-height: 150%;
    font-size: 110%;
    color: #555;
  }