.glory { font-size: 0.5em; }
.glory .starburst img { left: -4em; top: 0.48em; }
body.front .glory { font-size: 1em; }
body.front .glory img { width: 25em; transform: none; position: relative; top: 0.45em; left: -4em; max-width: none; }

.starburst {
	position: relative;
	width: 17.7083em;
	height: 10em;
	margin: auto;
}
.starburst img {
	position: relative;
	left: -5.5em;
	top: 0px;
	z-index: 2;
	height: auto;
	width: 25em;
}
.starburst ul, .starburst > div {
	z-index: 1;
	width: 10em;
	height: 10em;
	margin: 0px!important;
	position: absolute;
	left: 0px;
	top: 0px;
}
.starburst li, .starburst > div > div {
	list-style: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: top center;
	width: 0.6em;
	height: 35%;
	margin-left: -0.4em;
	transition: height 0.3s ease-in-out, background-color 0.5s ease-in-out, transform 0.3s ease-in-out;
	transition-duration: 0.5s;
}
.starburst li:nth-child(24n+1), .starburst > div > div:nth-child(24n+1){ transform: rotate(0deg); height: 32%; }
.starburst li:nth-child(24n+2), .starburst > div > div:nth-child(24n+2){ transform: rotate(15deg); height: 40%; }
.starburst li:nth-child(24n+3), .starburst > div > div:nth-child(24n+3){ transform: rotate(30deg); height: 33%; }
.starburst li:nth-child(24n+4), .starburst > div > div:nth-child(24n+4){ transform: rotate(45deg); height: 30%;}
.starburst li:nth-child(24n+5), .starburst > div > div:nth-child(24n+5){ transform: rotate(60deg); height: 42%; }
.starburst li:nth-child(24n+6), .starburst > div > div:nth-child(24n+6){ transform: rotate(75deg); height: 35%; }
.starburst li:nth-child(24n+7), .starburst > div > div:nth-child(24n+7){ transform: rotate(90deg); height: 32%; }
.starburst li:nth-child(24n+8), .starburst > div > div:nth-child(24n+8){ transform: rotate(105deg); height: 30%; }
.starburst li:nth-child(24n+9), .starburst > div > div:nth-child(24n+9){ transform: rotate(120deg); height: 32%; }
.starburst li:nth-child(24n+10), .starburst > div > div:nth-child(24n+10){ transform: rotate(135deg); height: 36%; }
.starburst li:nth-child(24n+11), .starburst > div > div:nth-child(24n+11){ transform: rotate(150deg); height: 39%; }
.starburst li:nth-child(24n+12), .starburst > div > div:nth-child(24n+12){ transform: rotate(165deg); height: 34%; }
.starburst li:nth-child(24n+13), .starburst > div > div:nth-child(24n+13){ transform: rotate(180deg); height: 43%; }
.starburst li:nth-child(24n+14), .starburst > div > div:nth-child(24n+14){ transform: rotate(195deg); height: 28%; }
.starburst li:nth-child(24n+15), .starburst > div > div:nth-child(24n+15){ transform: rotate(210deg); height: 40%; }
.starburst li:nth-child(24n+16), .starburst > div > div:nth-child(24n+16){ transform: rotate(225deg); height: 45%; }
.starburst li:nth-child(24n+17), .starburst > div > div:nth-child(24n+17){ transform: rotate(240deg); height: 40%; }
.starburst li:nth-child(24n+18), .starburst > div > div:nth-child(24n+18){ transform: rotate(255deg); height: 30%; }
.starburst li:nth-child(24n+19), .starburst > div > div:nth-child(24n+19){ transform: rotate(270deg); height: 38%; }
.starburst li:nth-child(24n+20), .starburst > div > div:nth-child(24n+20){ transform: rotate(285deg); height: 46%; }
.starburst li:nth-child(24n+21), .starburst > div > div:nth-child(24n+21){ transform: rotate(300deg); height: 30%; }
.starburst li:nth-child(24n+22), .starburst > div > div:nth-child(24n+22){ transform: rotate(315deg); height: 45%; }
.starburst li:nth-child(24n+23), .starburst > div > div:nth-child(24n+23){ transform: rotate(330deg); height: 37%; }
.starburst li:nth-child(24n+24), .starburst > div > div:nth-child(24n+24){ transform: rotate(345deg); height: 39%; }

.starburst.yorkshire li{ height: 39%; z-index: 1; }
.starburst.yorkshire li:nth-child(5n+1){ height: 42%; z-index: 0; }

#heart.starburst li:nth-child(24n+1), #heart.starburst > div > div:nth-child(24n+1){ height: 50%; }
#heart.starburst li:nth-child(24n+2), #heart.starburst > div > div:nth-child(24n+2){ height: 45%; }
#heart.starburst li:nth-child(24n+3), #heart.starburst > div > div:nth-child(24n+3){ height: 42%; }
#heart.starburst li:nth-child(24n+4), #heart.starburst > div > div:nth-child(24n+4){ height: 40%; }
#heart.starburst li:nth-child(24n+5), #heart.starburst > div > div:nth-child(24n+5){ height: 40%; }
#heart.starburst li:nth-child(24n+6), #heart.starburst > div > div:nth-child(24n+6){ height: 42%; }
#heart.starburst li:nth-child(24n+7), #heart.starburst > div > div:nth-child(24n+7){ height: 44%; }
#heart.starburst li:nth-child(24n+8), #heart.starburst > div > div:nth-child(24n+8){ height: 46%; }
#heart.starburst li:nth-child(24n+9), #heart.starburst > div > div:nth-child(24n+9){ height: 47%; }
#heart.starburst li:nth-child(24n+10), #heart.starburst > div > div:nth-child(24n+10){ height: 47%; }
#heart.starburst li:nth-child(24n+11), #heart.starburst > div > div:nth-child(24n+11){ height: 43%; }
#heart.starburst li:nth-child(24n+12), #heart.starburst > div > div:nth-child(24n+12){ height: 36%; }
#heart.starburst li:nth-child(24n+13), #heart.starburst > div > div:nth-child(24n+13){ height: 30%; }
#heart.starburst li:nth-child(24n+14), #heart.starburst > div > div:nth-child(24n+14){ height: 36%; }
#heart.starburst li:nth-child(24n+15), #heart.starburst > div > div:nth-child(24n+15){ height: 43%; }
#heart.starburst li:nth-child(24n+16), #heart.starburst > div > div:nth-child(24n+16){ height: 47%; }
#heart.starburst li:nth-child(24n+17), #heart.starburst > div > div:nth-child(24n+17){ height: 47%; }
#heart.starburst li:nth-child(24n+18), #heart.starburst > div > div:nth-child(24n+18){ height: 46%; }
#heart.starburst li:nth-child(24n+19), #heart.starburst > div > div:nth-child(24n+19){ height: 44%; }
#heart.starburst li:nth-child(24n+20), #heart.starburst > div > div:nth-child(24n+20){ height: 42%; }
#heart.starburst li:nth-child(24n+21), #heart.starburst > div > div:nth-child(24n+21){ height: 40%; }
#heart.starburst li:nth-child(24n+22), #heart.starburst > div > div:nth-child(24n+22){ height: 40%; }
#heart.starburst li:nth-child(24n+23), #heart.starburst > div > div:nth-child(24n+23){ height: 42%; }
#heart.starburst li:nth-child(24n+24), #heart.starburst > div > div:nth-child(24n+24){ height: 45%; }

#heart.starburst ul {
	-webkit-animation: pulse ease-in 1.1s;
	-moz-animation: pulse ease-in 1.1s;
	-o-animation: pulse ease-in 1.1s;
	animation: pulse ease-in 1.1s;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse { from { transform: scale(0.98,0.98); } to { transform: scale(1.05,1.05); } }
@-moz-keyframes pulse { from { transform: scale(0.98,0.98); } to { transform: scale(1.05,1.05); } }
@-o-keyframes pulse { from { transform: scale(0.98,0.98); } to { transform: scale(1.05,1.05); } }
@keyframes pulse { from { transform: scale(0.98,0.98); } to { transform: scale(1.05,1.05); } }

.starburst.closed li { height: 0px!important; }
.starburst ul, .starburst > div { clip-path: polygon(-50% -50%, -50% 150%, 8% 150%, 8% 50%, 10% 42%, 11% 40%, 15% 37%, 20% 34%, 23% 32%, 32% 34%, 38% 38%, 40% 45%, 42% 45%, 40% 55%, 35% 63%, 23% 68%, 18% 65%, 12% 60%, 8% 50%, 8% 150%, 150% 150%, 150% -50%); }

@media only screen and (max-width: 1080px) {
	body.front .glory { font-size: 0.6em; }
	body.front .glory .holder { position: absolute; }
	body.front .glory .starburst { margin-top: 1.5em; }
	body.front .glory img { width:auto!important; height: 100%!important;  max-width: none!important; top: 0px; left: -4.6em; }
	body.front .glory .holder { padding-top: 0em; }
}