@keyframes spin {
  from {
    transform:rotate(0deg);
  } to {
    transform:rotate(360deg);
  }
}
body, h5 {
  font-family: 'Nunito';
}

.title-bar {
  background-color: #1895b9;
}

.title-bar-title {
  font-family: 'Nunito', sans-serif;
}

.off-canvas {
  background-color: #1895b92e;
}

a {
  color: #1895b9;
}

.hero .callout {
  background-color: #fefefe;
  font-family: 'Nunito', sans-serif;
  border: none;
}

.hero .callout h1 {
  font-family: 'Nunito', sans-serif;
  font-size: 2.5rem;
}

.bio h5 {
  font-family: 'Nunito', sans-serif;
}
.bio p {
  font-family: 'Nunito', sans-serif;
}

.bio p {
  font-size: 14px;
}

.bio .avatar {
  border: none;
  border-radius: 50%;
  width: 70%;
}

.portfolio h5 {
  font-family: 'Nunito', cursive;
  color: #555;
  padding-bottom: 4px;
  text-align: center;
  font-size: 1rem;
}

.portfolio .thumbnail {
  margin-bottom: 2px;
}

.contact h3,
.contact li a {
  font-family: 'Nunito', sans-serif;
}

.contact p {
  font-family: 'Nunito', sans-serif;
}

hr {
  border-style: dotted;
}

footer p {
  font-family: 'Nunito', sans-serif;
  font-size: .75em;
}