/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 640px) {

html,body{
	position:relative;
	width:100%;
	min-width:320px;
}

body{
	position:relative;
	min-height:auto;
}

header{
	position:absolute;
	top:20px;
	left:20px;
	z-index:1;
}

main{
	position:absolute;
	width:100%;
	min-width:auto;
	height:100%;
	overflow:visible;
}

.ripples{
	position:absolute;
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	margin-left:-50%;
}


}