a {
	  color: #0f4d81;
	}
    
    body {
      background-image: linear-gradient(to top, lighten(#97a8c0,20%) 40%, #97a8c0 80%);
      font-family: Calibri, Arial;
      font-size: medium;
    }
    .h2, h2, h3, .h3, .h4, .h5, .h6, h4, h5, h6 {
      font-weight: bold;
    }
    .container {
      background: #fcfcfc;
      padding: 20px;
      z-index: 2;
      position: relative;
    }
    .experience {
      padding: 10px;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-radius: 0 0 20px 0;
      margin: 0 0 20px 0;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    }
    .project {
      padding: 10px;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-radius: 0 0 20px 0;
      background: #eee;
      margin-bottom: 10px;
    }
    .strong {
      font-weight: bold;
    }
    .logo {
      display: inline-block;
      width: 310px;
      height: 60px;
      background: url('../images/Royce_Hart_Signature.gif') no-repeat;
      text-indent: -30000px;
    }
    
    .contact {
      position: absolute;
      top: 15px;
      right: 30px;
      font-size: large;
      border: 1px solid #ddd;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
      border-radius: 5px;
      padding: 3px 5px;
      text-decoration: none;
    }
    
    .contact:hover {
      color: #000;
      background: #a9db80; /* Old browsers */
      background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
      text-decoration: none;
    }
    
  /* ================================================================= */
  
  
  @media only screen and (max-width < 650px) {
    .logo {
      background: url("../images/Royce_Hart_Signature.gif") no-repeat scroll 0 0 / 210px auto rgba(0, 0, 0, 0);
      display: inline-block;
      height: 40px;
      text-indent: -30000px;
      width: 210px;
    }
  }
    
  @media only screen and (min-width: 650px)  {
  
    body {
      background: #86aecc; /* Old browsers */
      background: -moz-linear-gradient(top,  #86aecc 0%, #d4e4ef 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86aecc), color-stop(100%,#d4e4ef)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #86aecc 0%,#d4e4ef 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #86aecc 0%,#d4e4ef 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #86aecc 0%,#d4e4ef 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #86aecc 0%,#d4e4ef 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aecc', endColorstr='#d4e4ef',GradientType=0 ); /* IE6-9 */
      background-position: fixed;
      font-family: Calibri, Arial;
      font-size: medium;
      overflow-y: scroll;
      overflow-x: hidden;
    }
    
  }