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

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

.animated-header__l2 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 4em;
	top: 0em;
}

.animated-header__l3 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 6.625em;
	top: 0em;
}

.animated-header__l4 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 1.75em;
	top: 3.5em;
}

.animated-header__l5 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 7.8125em;
	top: 3.5em;
}

.animated-header__l6 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 9.875em;
	top: 3.5em;
}

.animated-header__l7 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 12.5625em;
	top: 3.5em;
}

.animated-header__l8 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 14.6875em;
	top: 3.5em;
}

.animated-header__l9 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 1.8125em;
	top: 7.125em;
}

.animated-header__l10 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 4.5625em;
	top: 7.125em;
}

.animated-header__l11 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 7.8125em;
	top: 7.125em;
}

.animated-header__l12 {
	position: absolute;
	width: auto;
	height: 2.75em;
	left: 10.3125em;
	top: 7.125em;
}

.animated-header__starburst {
	position: absolute;
	width: 7.4375em;
	height: auto;
	left: 2.3125em;
	top: 1em;
}

.animated-header__bubbled-1 {
	position: absolute;
	width: 0em;
	height: auto;
	left: 6.0625em;
	top: 4.9375em;
	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: 6.0625em;
		top: 6.0625em;
		width: 0em;
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		left: 10.125em;
		top: 2em;
		width: 4em;
		opacity: 0;
	}
}

.animated-header__bubbled-2 {
	position: absolute;
	width: 0em;
	height: auto;
	left: 6.0625em;
	top: 4.9375em;
	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: 6.0625em;
		top: 4.9375em;
		width: 0em;
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		left: 0em;
		top: 6.625em;
		width: 3.125em;
		opacity: 0;
	}
}


.animated-header__bubbled-3 {
	position: absolute;
	width: 0em;
	height: auto;
	left: 6.0625em;
	top: 4.9375em;
	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: 6.0625em;
		top: 4.9375em;
		width: 0em;
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		left: 1em;
		top: 1em;
		width: 3.125em;
		opacity: 0;
	}
}