html, body {

  font-family : 'Roboto Condensed', sans-serif;
  font-size   : 15px;
  color       : #555555;

}

a {

  text-decoration : none;
  color           : #e10025;

}

p {

  margin-bottom : 30px;
  line-height   : 1.4;

}

h1 {

  color         : black;
  font-size     : 2rem;
  font-weight   : bolder;
  margin-bottom : 0;

}

h2 {

  font-size     : 1.8rem;
  font-weight   : bold;
  margin-top    : 4rem;
  margin-bottom : 2rem;

}

h3 {

  font-size     : 1.2rem;
  font-weight   : bold;
  margin-bottom : 2rem;

}

footer .col-auto img {

  width : 2rem;

}

.animated {
  -webkit-animation-duration  : 1s;
  animation-duration          : 1s;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform : translateY(0);}
  40% {-webkit-transform : translateY(-30px);}
  60% {-webkit-transform : translateY(-15px);}
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform : translateY(0);}
  40% {transform : translateY(-30px);}
  60% {transform : translateY(-15px);}
}

.bounce {
  -webkit-animation-name : bounce;
  animation-name         : bounce;
}