.classA {
	width:100%;
	height:100%;
	text-align:center;
	position:relative;
	font-size:96px;
	color:#222;
	cursor:pointer;
}

.classB {
	width:50%;
	height:50%;
	max-width:540px;
	overflow-y:auto;
	margin:0 auto 0 auto;
	position:relative;
	background: #700;
	color:#fff;
	opacity:0;
	border-radius: 60px;
	display:table;
}

.classC {
	cursor:pointer;
	width:120px;
	padding:5px;
}

.classD {
	cursor:pointer;
	font-size:32px;
	padding:5px;
	color:#9cf;
	border: 1px solid #ccc;
	position: absolute;
}

@media screen and (max-width: 1024px) {
.classB {	
	min-width:360px;
	font-size:24px;
}
.classC {
	font-size:24px;
}
}

@media screen and (min-width: 1024px) {
.classB {	
	min-width:390px;
	font-size:32px;
}
.classC {
	font-size:32px;
}
}