@media screen and (max-width:480px){
	nav, .btn, header{
		display:none;
	}
	.Phoneheader {
		padding: 0;
		width: 100%;
		height: 60px;
		position: relative;/*all children divs inside header take their (x,y) position from top left of header*/
		z-index: 1000;/*stacking order - small numbers a below high numbers*/
		display:block;
		background-color: rgba(104,77,77,1.00);
	}
	.Phoneheader h1 {
		text-align: center;
		width:100%;
		padding:0;
		display:block;
	}
	#allArticles {
		min-height:none;
		height: auto;
		width: 100%;
		overflow: visible;/*Necessary to hide non-visible articles*/
		position: relative;
		clear: both;/*ensures articles start below anything above, not to the side*/
		background-color: #FFF;
		color: rgba(0,0,0,1.00);
	}
	#allArticlesWrapper {
		position: relative;
		z-index: 100;
		min-height: none;
		height: auto;
		width: 100%;/*total width of ALL individual articles including padding and margin*/
		left: 0px;
		top: 0px;
	}
	article {
		margin: 0px;
		height: auto;
		width: 100%;
		position: relative;
		float: none;
		background-color: #FFF;
		padding: 5px;
	}
#article1 .Phoneheader h1 {
}
#onPhone {
}
}