/* NEW CSS DECLARATIONS to make fixed image smaller on page */

#image {
max-width:816px;

}

div.zoomWrapper {
max-width: 300px;
/* height: (whatever the new image size is) - make the "small" images fit in here */
float: left;
}

#gallery_01 {
/*remove text-align:center; */
margin-left: 320px;

}

#image img {
max-width: 300px;
}

#gallery_01 img {
width:130px;
} /* this puts three up next to the smaller large image */

#captions {
text-Align: left;
width: 300px;
top: 300px;
padding:0;
}

figcaption {
	text-align:center;
}

@media screen and (max-width: 480px)  {
#gallery_01 {
	margin-top: 320px; 
	margin-left:0;
	text-align:left;
}
}