#messages {
	position: fixed;
	width: 100%;
	margin: 20px;
	display: none;
	text-align: center;
	pointer-events: none;
}

#messages.center {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#messages.top {
	top: 25%;
	left: 50%;
	transform: translate(-50%,-50%);
}

@media (max-width:700px) {

	#messages.top {
		top: 35%;
	}

	#messages.center {
		top: 60%;
	}

}