@media screen and (max-width: 660px) {

header {
  	width: 100%;
	padding: 5px 5px;	 	
}

header h1 {	
	clear: both;
	font-size: 1em;	
	float: none;
	margin-top: 0;
	text-align: center;
}

header img {		
	float: right;
	margin: 2px 5px 5px 0;
	width: 75px;
	display: block;
	text-align: right;
}

#wrapper {    
  	padding: 5px 5px;  	 
  	width: 100%;
}

p {
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.75em;
}
  
.customParagraph {
	width: 95%;	
}  
 
.profile-photo {
  	display: none;
} 

h1 {
  	font-size: 1.25em;  	
}

h2 {
  	font-size: 1em;
}

h3 {
  	font-size: 0.8em;
}

nav {
	clear: both;
  	text-align: center;
  	padding: 10px 0 10px 0;
  	margin: 2px auto 0;
  	width: 100%;
}

nav ul {
  	list-style: none;
  	margin: 0 2px; 
  	padding: 0;
}

nav li {	 	
  	margin: 4px 2px;
	font-size: 0.80em;
}

nav a {
	font-weight: 800;  
  	padding: 2px 2px;
}
 
.customList {	
	padding-left: 5px;
	font-size: 0.65em;	
}

.customItem {	
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 5px;		
} 
  
}