.logobanner{
	position:absolute;
	top:20%;
	left:50%;
	transform:translate(-50%,-50%);
}

.pklogocontainermini{
		display:flex;
		margin: 0px auto;
	}
.pklogocontainermini span{
	font-size:140px;
	position:relative;
	left:-0.6%;
	color:#FAE6BE;
	text-shadow: 0px 2px 12px red;
}
.eyemini{
	width:70px;
	height:130px;
	border:1px solid black;
	border-radius:50%;
	position:relative;
	overflow:hidden;
	background:#FAE6BE;
	box-shadow: 0px 2px 12px 0px red;
}

#eye2{
	width:70px;
	height:130px;
	border:1px solid black;
	border-radius:50%;
	position:relative;
	overflow:hidden;
	background:#FAE6BE;
	left:-1%;
}
.eyemini .eyelid{
	position:absolute;
	width:70px;
	height:130px;
}	

.eyemini .eyelid .pupil{
	position:absolute;
	top:50%;
	left:20%;
	transform:translate(-50%, -50%);
	width:20px;
	height:55px;
	background:black;
	border-radius:50%;
	animation: eyesone linear 3s 2;
}

.eyemini .eyelid .pupil .whydot{
	position:absolute;
	top:50%;
	left:25%;
	transform:translate(-50%, -50%);
	width:6px;
	height:16px;
	background:snow;
	border-radius:50%;
	animation: whydot linear 3s 2;
}

@keyframes eyesone{
	0%{left: 20%;}
	40%{left: 100%;}
	80%{left: 20%;}
	
}

@keyframes whydot{
	0%{left: 25%;}
	40%{left: 100%;}
	80%{left: 25%;}
	
}

@keyframes clseyes{
	
	
}
/* On screens that are 992px or less, set the background color to blue */
@media only screen and (max-width:630px){
	.pklogocontainermini span{
		font-size:90px;
		
	}
	.eyemini{
		width:40px;
		height:90px;
	}
	#eye2{
		width:40px;
		height:90px;
	}
	
	.eyemini .eyelid{
		position:absolute;
		width:40px;
		height:90px;
	}
	
	.eyemini .eyelid .pupil{
		width:12px;
		height:40px;
	}
}