body {
	margin: 0;
	padding: 0;
	background-color: rgb(220,222,227);
}
	
.container {
	width: 100%;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(242,245,247);
	height: 100%;
	z-index: 1;
}
	
.fixbot {
	position: fixed;
	bottom: 0;
	max-width: 480px;
	z-index: 10;
}

.fixtop {
	position: fixed;
	top: 0;
	max-width: 480px;
	z-index: 10;
}


img {
	width: 100%;
	vertical-align: bottom;
}
	
h2 {
	padding: 0;
	margin: 0;
}
	
	
/* 	Proto things */

.proto {
	display: none;
	}

.current-proto {
	display: block;
	}

.hideme {
	display: none;
	}


.current-proto .fademe {
	animation-name: fademe-anim;
    animation-duration: 1s;
}

.floatleft img {
	float: left;
}

.clearit {
	clear: both;
}

@keyframes fademe-anim {
    0%   { opacity: .1;}
    100% { opacity: 1; }
}


.current-proto .anim-slideup {
	animation-name: slidup-anim;
	animation-duration: 1s;
	}

@keyframes slideup-anim {
	0%   { bottom: -50%;}
	100% { bottom: 0%; }
	}