.thumbnail {
     width: 100px;
	 border: 2px solid gray;
	 padding: 5px;
	 margin-left: 2em;
   }
.thumbnail:hover {
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
}

.bigthumbnail {
     width: 300px;
	 border: 2px solid gray;
	 padding: 5px;
	 margin-left: 2em;
   }
.bigthumbnail:hover {
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}