@media screen {
	body {
		width: 800px;
	}
	
}

@media (max-device-width: 800px) {
	body {
		width: auto;
	}
	
}

@media screen, (max-device-width: 800px) {
	body {
		margin: auto;
		text-align: center;
		/*background-color: blue;
			/*border-style: solid;
			border-color: red;
		*/
		font-size: 1.5em;
	}
	
	button {
		font-size: 2em;
		width: auto;
		height: auto;
		border-radius: 50px;
		
		
	}
	
	#banner {
		margin: auto;
		width: 100%;
		/*height: 100px;
		*/
	}
	
	.pageContentDiv {
		overflow: auto;
	}
	
	.pageContentDiv2 {
		overflow: auto;
		/*    margin-top: auto;
		*/
		width: 99%;
		/*border-style: solid;
			border-color: green;
		*/
	}
	
	.eachTile {
		width: 25%;
		background-color: rgba(200,100,255,1);
		border-style: dotted;
		border-radius: 15px;
		float:
	}
	
	#selfie {
		margin-left: 5%;
		margin-top: 5%;
		width: 20%;
		height: 150px;
		/*border-color: black;
			border-style: solid;
		*/
		float: left;
	}
	
	hr {
		margin: 2px;
		width: 100%;
		color: rgb(0,0,255);
		float: right;
	}
	
	#pageMenu {
		display: inline;
		float: right;
		/*margin-right: 5%;
		*/
		/*margin-top: 21%;*/
		margin-top: 0%;
		margin-bottom: 0%;
		width: 70%;
		/*list-style: none;
		*/
		
		font-family: 'Courier New', Courier, 'Andale Mono', monospace;
		font-size: 1.5em;
		text-align: right;
	}
	
	.pageMenuItems {
		display: inline-block;
		list-style-type: none;
		margin-right: 3%;
		padding-right: 3%;
		text-align: left;
		font-size: 1.5em;
	}
	
}