p {
	padding-left:10px;
	padding-right:10px;
	font-size:24px;
	text-align:center;
}

p.content{
	display:none;
	text-align:left; 
	margin-top:-20px;
	font-size:16px;
}

 ul {
	display:none;
	text-align:left; 
	margin-top:-20px;
	font-size:16px;
	padding-left:3em;
}

#infoBlock{
	color:white;
	background: #7f56c5;
	/*text-align:center;*/
	transition:.3s;
}

#infoBlock:hover, #infoBlock:focus{
	background: #aa989c;
}

#infoBlock:hover p.content, #infoBlock:focus p.content{
	display:block;
}

#infoBlock:hover ul, #infoBlock:focus ul{
	display:block;
}


/*#REPLACE:before{
	font-size:24px;
	content:"REPLACE";
}

#infoBlock:hover #REPLACE:after,#infoBlock:focus #REPLACE:after{
	font-size:16px;
	display: block;
	white-space: pre-wrap;
	content:": REPLACE";
}*/