/* Page Layout======================== */
/* line 4, peoplestyle.scss */
#bio-image {
  float: left;
  display: block;
  width: 99%;
  /* hack to make firefox behave correctly */ }

/* line 9, peoplestyle.scss */
#bio-image img {
  display: block;
  background: #f0ede4;
  padding: 2px;
  border: 1px solid #CCC;
  clear: both;
  max-width: 100%; }

/* line 17, peoplestyle.scss */
p.link-web a, p.link-cv a, p.link-mail a {
  background: url(images/html.png) no-repeat;
  padding-left: 20px; }

/* line 21, peoplestyle.scss */
p.link-cv a {
  background: url(images/pdf.png) no-repeat; }

/* line 24, peoplestyle.scss */
p.link-mail a {
  background: url(images/email.png) no-repeat; }

/* Gallery Layout======================== */
/* line 33, peoplestyle.scss */
.people {
  width: 100%;
  float: left;
  clear: both; }

/* line 39, peoplestyle.scss */
.person {
  width: 40%;
  margin: 0 5% 0 0;
  float: left;
  display: block;
  min-height: 322px; }
  @media (min-width: 750px) {
    /* line 39, peoplestyle.scss */
    .person {
      width: 20%; } }
  /* line 48, peoplestyle.scss */
  .person img {
    max-width: 100%;
    max-height: 150px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    clear: both;
    margin-bottom: 0.5em; }
  /* line 57, peoplestyle.scss */
  .person h2 {
    font-family: "Helvetica Neau", Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 0.1em; }

/* line 64, peoplestyle.scss */
.person-meta p {
  font-size: 0.75em;
  line-height: 1.2;
  font-family: Arial, Helvetica, sans-serif; }

/* line 69, peoplestyle.scss */
.person-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; }

/* line 74, peoplestyle.scss */
.svg-icon-tw, .svg-icon-li, .svg-icon-fb {
  width: 15px;
  height: 15px;
  display: inline-block; }