@CHARSET "UTF-8";


#thumbs { padding-top: 10px; overflow: hidden; }
#thumbs img, #largeImage { border: 1px solid gray; padding: 4px; background-color: white; cursor: pointer;  }
#thumbs img { float: left; margin-right: 6px; }
#description { 	
background: rgba(0,  0,  0,  0.45);



color: white; position: absolute; bottom: 0; padding: 10px 20px; width: 510px; margin: 5px; }
#panel { position: relative; }

h1, h2 { font-size: 30px; color: #333; text-shadow: 0px 2px 3px #c5c5c5; text-align: center;  }
h2 { font-size: 20px; line-height: 30px; }
h2 a { background-color: #F5FF4C; color: #333; text-decoration: none; padding: 5px;}
h2 a:hover { background-color: #d5dd42; }

#gallery { padding-left: 20px;}










@media screen and (min-width: 220px) and (max-width: 767px) {
#largeImage {
width:280px;
}

#description { background: black; color: white; position: absolute; bottom: 0; padding: 5px 5px; width: 270px; margin: 5px; }






}