#game { height: 500px; position: relative; }
#memorygame { position: relative; margin: 0 auto; }
.memory-item { display: block; position: absolute; cursor: pointer; }
.memory-item .front, .memory-item .back { display: block; width: 100%; height: 100%; background-color: #fff; background-repeat: no-repeat; box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.memory-item .back { display: none; }
.memory-item.active .front { display: none; }
.memory-item.active .back { display: block; }

.gameinfo { background: rgba(255,255,255,0.8); border: 2px solid #fff; padding: 10px; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); line-height: 140%; position: relative; }
.gameinfo:before { display: block; content: '.'; text-indent: -5000px; text-align: left; position: absolute; left: 0px; top: -90px; width: 100px; height: 100px; background: url('../../gift/mano/mano1.png') no-repeat left bottom; background-size: contain; }
.gameinfo:after { display: block; content: '.'; text-indent: -5000px; text-align: left; position: absolute; right: 0px; top: -90px; width: 100px; height: 100px; background: url('../../gift/mano/mano2.png') no-repeat left bottom; background-size: contain; }
.gameinfo h2 { font-family: 'Petit Formal Script',Georgia,'Times New Roman',serif; font-size: 30px; position: absolute; top: -80px; left: 0; width: 100%; text-align: center; }

@media screen and (max-width: 1200px){
	#game { padding-top: 250px; }
}

@media screen and (max-width: 480px){
	#game { padding-top: 80px; }
	.gameinfo:before { left: -30px; }
}

@media screen and (min-width: 1200px){
	#game { width: 50%; left: 50%; top: -150px; }
}

@media screen and (min-width: 1400px){
	#game { top: -200px; }
}

@media screen and (min-width: 1600px){
	#game { top: -500px; }
}