hr{
  border-top:1px solid #9696966e;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 50%;
}

html, body {
  height: auto;
  font-family: 'Roboto';
  overflow-x: hidden; /*Soluciona el problema del padding-right en versiones móviles*/
  font-size: 18px;
  text-align: center;
}

@font-face{
  font-family: BlackWidow;
  src: url(../fonts/BlackWidow.ttf);
}

@font-face{
  font-family: EscolarNormal;
  src: url(../fonts/EscolarNormal.ttf);
}

@font-face{
  font-family: EscolarNegra;
  src: url(../fonts/EscolarNegra.ttf);
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}


/*Animations*/

.animationUpDown{
 -webkit-animation: animationUpDown 1s infinite alternate;
 animation: animationUpDown 1s infinite alternate;
}

.animationHeartBeat{
  -webkit-animation: animationHeartBeat 2s infinite;
  animation: animationHeartBeat 2s infinite;
}

@-webkit-keyframes animationUpDown{
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

@keyframes animationUpDown {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

@-webkit-keyframes animationHeartBeat{
  0% {transform: scale(1);}
  25% {transform: scale(1.2);}
  40% {transform: scale(1);}
  60% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@keyframes animationHeartBeat{
  0% {transform: scale(1);}
  25% {transform: scale(1.2);}
  40% {transform: scale(1);}
  60% {transform: scale(1.2);}
  100% {transform: scale(1);}
}