/* 1 image */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2), /* iphone 6 plus */
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), /* iphone 6 */
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),  /* iphone 5 */ 
only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), /* iphone 4s */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), /* ipad mini */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), /* ipad 1/2 */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) /* ipad 3/4 */


/*, 
only screen  and (min-device-width : 414px) and (max-device-width : 736px), 
only screen and (min-device-width : 320px) and (max-device-width : 568px) , 
only screen and (min-device-width : 320px) and (max-device-width : 480px) ,
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) , 
only screen and (min-device-width : 768px) and (max-device-width : 1024px) ,
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) ,
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)*/
{

	body { font-size:8pt; }

	#title { margin-left:10%;  } 
	
	#toc { font-size:4.23580103em; margin-left:10%; width:80%; padding-bottom:4em; }
	#about { font-size:4.23580103em; margin-left:10%; padding-bottom:4em; width:80%; }
	
	#filterType { margin-left:10%; width:19%; }
	#animalIndexList { width:59%; padding-bottom:4em; }
	
	#animals { padding:1em 0 6em 0; width:80%; margin-left:10%; }
	#animals ul li { display:block; }	
	
	#footer 	{ font-size:1.618em; /*2.617924em;*/ width:100%;  }
	#homefooter	{ margin-left:10%; }
	
	ul { -webkit-padding-start:0; } /* TODO: include a reset */
	#animallist { width:100%; height:auto; margin:0; padding:2em 0 6em 0; }	
	#animallistcaption { font-size:2.617924em; /*4.235801032em;*/  }
	#animals { display:none; }
	#animal { visibility:hidden; }
	#images	{ display:block; }
	.selectedAnimal { padding: 1.618em 0 2.617924em 0; }
	
	.prev, .next { display:none; }
	#gallerynav .middlenav { width:100%; text-align:center; }
	#footer .homefooter { font-size:1.618em; } 
	#footer.aboutfooter { font-size:2.617924em; }
	.aboutfooter #gallerynav .prev, .aboutfooter #gallerynav .next { display:inline; width:20%; }
	.aboutfooter #gallerynav .middlenav { width:60%; text-align:center; }
	
}

@media all and (max-width:30em) and (max-height:18.75em){
  
}

@media all and (max-width:30em) and (max-height:13em){
  
  
  
}