@charset "utf-8";
#pg-about .bio {
  font-size: 18px;
}
#pg-about .bio .bio-content {
  min-height: 640px;
}
#pg-about .bio h4 {
  clear: left;
  padding: 2em 0 ;
  border: yellow solid 2px;
}
#pg-about .bio p,
#pg-about .bio ul#bio-project-list {
  background-color: rgba(41, 54, 67, 0.8);
}
#pg-about .bio .post-more-link {
  padding: 2em;
  background-color: rgba(41, 54, 67, 0.95);
  margin-bottom: 2em;
  width: auto;
}
#pg-about .bio ul {
  list-style: none;
}
#pg-about .bio ul.quote-list {
  list-style: none;
  background-color: rgba(251, 176, 59, 0.6);
  padding: 1em;
}
#pg-about .bio ul.quote-list li {
  font-style: italic;
}
#pg-about .bio ul.quote-list li em {
  font-style: normal;
}
#pg-about .bio .bio-cd {
  font-style: italic;
}
#pg-about .bio .bio-project {
  font-weight: bold;
}
@media screen and (min-width: 480px) {
  #pg-about .bio {
    background-color: #181820;
    background-image: -webkit-gradient(linear, left top, right top, from(#181820), to(#21212b));
    background-image: -webkit-linear-gradient(left, #181820, #21212b);
    background-image: -moz-linear-gradient(left, #181820, #21212b);
    background-image: -ms-linear-gradient(left, #181820, #21212b);
    background-image: -o-linear-gradient(left, #181820, #21212b);
  }
  #pg-about .bio .bio-content {
    background-image: url('http://rsc.alexmcmurray.com/img/photopage/am/AlexRedHat-960x721.jpg');
    background-repeat: no-repeat;
    padding: 2em;
  }
  #pg-about .bio .bio-content #bio-row-1 .post-row {
    margin-top: 550px;
  }
  #pg-about .bio p,
  #pg-about .bio ul#bio-project-list {
    padding: 1em 2em 1em 2em;
    margin: 0 0 2em 0;
  }
  #pg-about .bio ul.quote-list {
    margin-right: 540px;
    margin-bottom: 2em;
  }
  #pg-about .bio ul.quote-list li {
    padding: .5em  0;
  }
}
@media screen and (max-width: 480px) {
  #pg-about .bio {
    background-color: #181820;
    background-image: -webkit-gradient(linear, left top, right top, from(#181820), to(#21212b));
    background-image: -webkit-linear-gradient(left, #181820, #21212b);
    background-image: -moz-linear-gradient(left, #181820, #21212b);
    background-image: -ms-linear-gradient(left, #181820, #21212b);
    background-image: -o-linear-gradient(left, #181820, #21212b);
  }
  #pg-about .bio .bio-content {
    width: calc(100% - 16px);
    float: none;
    padding: 8px;
    background-image: url('http://rsc.alexmcmurray.com/img/photopage/am/AlexRedHat-960x721.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: .6;
  }
  #pg-about .bio h2 {
    font-size: 22px;
  }
  #pg-about .bio #bio-row-1 h2 {
    margin-bottom: 10em;
  }
  #pg-about .bio p {
    padding: 8px ;
    margin: 0 0 16px 0;
    font-size: 16px;
  }
  #pg-about .bio ul.quote-list {
    font-size: 14px;
    margin-right: 0;
    margin-bottom: 16px;
    padding: 8px;
  }
  #pg-about .bio ul.quote-list li {
    padding: 4px  0;
  }
}