h1.postoni-italic {
  font-size: 4.5em;
}

h2.postoni {
  font-size: 2.3em;
  margin-top: 5px;
  color: #002E0F;
  opacity: 0.7;
}

p.body {
  width: 90%;
  margin: 0 auto;
}

p.byline-tablet {
  display: none;
}

div.gift-container div.gift {
  position: absolute;
  width: 18.5%;
  display: none;
}

div.gift-container img {
  width: 100%;
}

div.gift-container p.gift-caption {
  color: #666;
  margin-top: 5px;
  width: 100%;
  background-color: #fff;
}

.camera-icon {
  opacity: 0.5;
}

div.headshots div.person {
  position: absolute;
}

div.headshots img {
  width: 100px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}

#Maureen {right: 2%; top: 1%;}
#Bob {right: 2%; top: 14%;}
#Rachel {right: 2%; top: 27%;}
#Cailin {right: 2%; top: 38%;}
#Sean {right: 2%; top: 49%;}
#Bobby {right: 2%; top: 63%;}
#Jeanine {right: 2%; top: 78%;}

#gift-chatham {top: 3%;}
#gift-watch {top: 2%;}
#gift-loan {top: 20%;}
#gift-kinloch {top: 45%;}
#gift-golfbag {top: 53%;}
#gift-smithmountain {top: 35%;}


#chart {
  /*height: 1000px;*/
  margin-top: 50px;
}

.node rect {
  /*cursor: move;*/
  fill-opacity: .9;
  shape-rendering: crispEdges;
}


.node text {
  pointer-events: none;
  fill: #000;
  font-size: 1.2em;
}

.node text.recipient-name {
  font-family: FranklinITCProBold, Helvetica, Arial, sans-serif;
}

.node text.gift-name {
  font-family: FranklinITCProThin, Helvetica, Arial, sans-serif;
}

.node text.gift-caption {
  font-family: FranklinITCProThin, Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  color: #999; 
}

.link {
  fill: none;
  stroke: #000;
  stroke-opacity: .1;
}

@media (max-width: 768px) {
  div.headshots {display: none !important;}
  div.gift-container, .camera-icon, p.byline {display: none;}
  p.body {width: 100%;}
  p.byline-tablet {display: block;}
}

@media (min-width: 980px) and (max-width: 1199px) {
  div.gift-container div.gift {
    width: 23%;
  }
}

@media (min-width: 769px) and (max-width: 979px) {
  div.gift-container div.gift {
    width: 30%;
  }
}

@media (max-width: 480px) {
  h1.postoni-italic {
    font-size: 2.8em;
  }
  h2.postoni {
    font-size: 1.7em;
  }
}