* {
  box-sizing: border-box;
}

* {
	font-size: 0px;
	line-height: 0px;
}

div {
	position: absolute;
	left: 0px;
	top: 0px;
}

img {
	width: 300px;
	height: 250px;
}

#container {
	width: 300px;
	height: 250px;
	overflow-x: hidden;
  overflow-y: visible;
	-ms-overflow-style: none;
	overflow: hidden;
	visibility: hidden;
}

#container {
	top:50%;
  left:50%;
  margin-left:-150px;/* half width*/
  margin-top:-125px;/* half height*/
}

#clickScreen {
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
}

#bg {
	width: 100%;
	height: 100%;
	background-color: #00a9e0;
}

#main {
	z-index: 1;
}

#circle_holder {
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}

#circle {
  max-height: 100%;
  max-width: 100%;
}

#halo {
	width: 300px;
	height: 250px;
	-webkit-transform-origin: 148px 58px;
	transform-origin: 148px 58px;
}

#logo_f1_1, #logo_f1_2, #logo_f1_3, #logo_f1_4, #logo_f1_5 {
	width: 300px;
	height: 250px;
	-webkit-transform-origin: 55px 54px;
	transform-origin: 55px 54px;
}

#logo1, #logo2, #logo3, #logo4, #logo5 {
	width: 300px;
	height: 250px;
	-webkit-transform-origin: 43px 188px;
	transform-origin: 43px 188px;
}

#sprite_one_holder, #sprite_two_holder {
  width: 300px;
  height: 250px;
  overflow-x: hidden;
  overflow-y: visible;
	-ms-overflow-style: none;
	overflow: hidden;
}

#sprite_one img,
#sprite_two img {
  width: 300px;
  height: 3250px;
}
