.thumb {
    display: inline;
    max-height: 250px;
}
#thumblist {
    text-align: center;
    padding: 0;margin-bottom: 1.5em;
}
#thumblist img {
    margin: .5em;border: 1px #504f4f solid;
}
.description {
      color: white;
      text-decoration: none;
      font-weight: 400;
}
#forcap {
    margin: 0 0 6em 0;padding: 0;display: inline-block;
    position: relative;text-align: left;
}
.gallcap {
	margin:0;padding-top:5px;margin-right: .6em;
        border-top:3px dotted #000;
        font-family:"franklin-gothic-urw-comp", sans-serif;
    font-weight: 400;font-style: normal;
    position: absolute;top: 266px;left: 10px;
    font-size: 1.12em;line-height: 1.25em;
}
.gallcaph {
        font-family:"franklin-gothic-urw", sans-serif;
        font-weight: 700;margin: 0;padding: 0;
}
/** relevant CSS Below **/

.lightbox {
    display: none; /**sets the default display to hide the lightbox until it's the :target**/
    position: fixed; /**the rest of this styling makes the lightbox full screen when selected**/
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
}
.lightbox img { /**sets the styling of the image in the lightbox**/
    max-width: 80%;
    max-height: 90%;
    text-align: center;
    margin-top: 2%;
}
.lightbox:target { /**this is where the magic happens. makes the lightbox display when it's the target of a clickable link**/
    outline: none;
    display: block;
}
.previous { /**styling the left arrow**/
    position: fixed;
    left: 4px;
    top: 40%;
    width: 40px;
}
.exit { /**styling the exit button**/
    position: fixed;
    top: 4px;
    right: 4px;
    width: 40px;
}
.next { /**styling the right arrow**/
    position: fixed;
    right: 4px;
    top: 40%;
    width: 40px;
}

/*---------------------------*/
/*       Media Queries       */
/*---------------------------*/

@media screen and (max-width:416px) {
    .thumb {
    display: inline;
    max-height: none;
    width: 96%;
    }
#forcap {
    margin: 0 0 2em 0;padding: 0;display: block;
    position: static;
}
.gallcap {
    margin:0;padding-top:0;margin-right: 0;
    border-top:none;
    position: static;
    font-size: 1.15em;line-height: 1.2em;
}
.description {
        max-width: 280px;margin: 0 auto 0;padding:0 10px;
        font-family:"franklin-gothic-urw-comp", sans-serif;
    font-weight: 400;font-style: normal;
}
}