.bayleyssvg {
  display: block;
  margin: 11% auto;
  width: 80%;
  margin-bottom: 0px;
}


#bayleys {
  fill: rgba(255, 255, 255, 0.3);
  stroke: rgba(255, 255, 255, 0.5);
}

#bayleys {
  stroke-width: 30pt;
  animation: logo 5s linear /*infinite*/;
}

@keyframes logo {
  0% {
    stroke-width: 30pt;
    stroke-dashoffset: 20200;
    fill-opacity: 0;
	stroke-dasharray: 1000;
	stroke-dasharray: 15000 2000;
  }
  70% {
	stroke-dasharray: 15000 8000;
  }  
  100% {
	stroke-width: 30pt;
    stroke-dashoffset: 0;
    fill-opacity: 1; 
	stroke-dasharray: 15000 -10;
  }
}