@media screen and (max-width: 480px) {
	body {
		width: 95%;
	}
	
		#header {
			width: 95%;
			margin-left: auto;
			margin-right: auto;
		}
	
			#header h1 {
				font-size: 3em;
			}
		
			#header p {
				font-size: 1.1em;
			}
			
		#randomoldies {
			width: 95%;
			margin-left: auto;
			margin-right: auto;
		}
		
		#photos {
			
		}
		
			#photos img {
				width: 100%;
			}
		
		#bottomboxes {
			width: 95%;
			margin-left: auto;
			margin-right: auto;
		}
		
			#bottomboxes div.podcastbox {
				float: none;
				margin-left: auto;
				margin-right: auto;
			}
			
			div.bottomreswrap {
				width: 380px;
				margin-left: auto;
				margin-right: auto;
			}
			
			#bottomboxes div.archivebox {
				float: left;
				
			}
			
			#bottomboxes div.aboutebox {
				float: left;
				
			}
}