.animated-header__canvas {
	display: block;
	position: relative;
	width: 42.25em;
	height: 9.125em;
		/*border: 1px solid black;*/
}

.animated-header__l1 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 0em;
	top: 3.25em;
}

.animated-header__l2 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 2.5625em;
	top: 3.25em;
}

.animated-header__l3 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 5.5625em;
	top: 3.25em;
}

.animated-header__l4 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 9.375em;
	top: 3.25em;
}

.animated-header__l5 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 18.25em;
	top: 3.25em;
}

.animated-header__l6 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 20.5625em;
	top: 3.25em;
}

.animated-header__l7 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 23.5625em;
	top: 3.25em;
}

.animated-header__l8 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 26em;
	top: 3.25em;
}

.animated-header__l9 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 30.5625em;
	top: 3.25em;
}

.animated-header__l10 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 33.5em;
	top: 3.25em;
}

.animated-header__l11 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 37.1875em;
	top: 3.25em;
}

.animated-header__l12 {
	position: absolute;
	width: auto;
	height: 3em;
	left: 40.0625em;
	top: 3.25em;
}

.animated-header__starburst {
	position: absolute;
	width: auto;
	height: 9.125em;
	left: 10.8125em;
	top: 0em;
}

.animated-header__bubbled-1 {
	position: absolute;
	width: 0em;
	height: auto;
	left: 15.25em;
	top: 4.625em;
	transform-origin: center;
	animation-name: bubble-1;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes bubble-1 {
	0% {
		display: block;
		left: 15.25em;
		top: 4.625em;
		width: 0em;
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		left: 18em;
		top: 1.5em;
		width: 6em;
		opacity: 0;
	}
}

.animated-header__bubbled-2 {
	position: absolute;
	width: 0em;
	height: auto;
	left: 15.25em;
	top: 4.625em;
	transform-origin: center;
	animation-name: bubble-2;
	animation-duration: 1.8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes bubble-2 {
	0% {
		display: block;
		left: 15.25em;
		top: 4.625em;
		width: 0em;
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		left: 8em;
		top: 7.25em;
		width: 4em;
		opacity: 0;
	}
}

.animated-header__bubbled-3 {
	position: absolute;
	width: 0em;
	height: auto;
	left: 15.25em;
	top: 4.625em;
	transform-origin: center;
	animation-name: bubble-3;
	animation-duration: 1.1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes bubble-3 {
	0% {
		display: block;
		left: 15.25em;
		top: 4.625em;
		width: 0em;
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		left: 8em;
		top: 2em;
		width: 4em;
		opacity: 0;
	}
}