/* BIRTHDAYS DEFAULT **/
ul {
      display: flex;
    }
li {
      list-style-type: none;
      padding: 10px;
      position: relative;
    }
.large {
	position: absolute;
	left: -9999px;
}
li:hover .large {
	left: 11px;
	top: 1px;
}
.birth{
	margin: -10px auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 262px;
	height: auto;
	z-index: auto;
	float: left;
	text-align: left;
}
.cake{
	position: relative;
	width: 100%;
	max-width: 85px;
	height: auto;
	z-index: auto;
	float: left;
	margin: -219px 0 0 300px;
}
.bx{
	margin: 0 auto 0 auto;
	position: relative;
	Width: 100%;
	max-width: 450px;
	height: auto;
	z-index: auto;
	float: left;
}
@media screen and (max-width: 900px) {
ul {
      display: flex;
    }
li {
      list-style-type: none;
      padding: 10px;
      position: relative;
    }
.large {
	position: absolute;
	left: -9999px;
}
li:hover .large {
	left: 11px;
	top: 1px;
}
.birth{
	margin: -10px auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 262px;
	height: auto;
	z-index: auto;
	float: left;
	text-align: left;
}
.cake{
	position: relative;
	width: 100%;
	max-width: 85px;
	height: auto;
	z-index: auto;
	float: left;
	margin: -219px 0 0 300px;
}
.bx{
	margin: 0 auto 0 auto;
	position: relative;
	Width: 100%;
	max-width: 450px;
	height: auto;
	z-index: auto;
	float: left;
}
}
@media screen and (max-width: 600px) {
ul {
      display: flex;
    }
li {
      list-style-type: none;
      padding: 10px;
      position: relative;
    }
.large {
	position: absolute;
	left: -9999px;
}
li:hover .large {
	left: 11px;
	top: 1px;
}
.birth{
	margin: -10px auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 262px;
	height: auto;
	z-index: auto;
	float: left;
	text-align: left;
}
.cake{
	position: relative;
	width: 100%;
	max-width: 85px;
	height: auto;
	z-index: auto;
	float: left;
	margin: -219px 0 0 300px;
}
.bx{
	margin: 0 auto 0 auto;
	position: relative;
	Width: 100%;
	max-width: 450px;
	height: auto;
	z-index: auto;
	float: left;
}
}