/* Gallery */

.modal {
margin: 0 auto;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
}

.modal-content {
margin: 0 auto;
width: 720px;
max-height: 720px;
background-color: rgba(0, 0, 0, 0);
border: 0px solid white;
}



.tab-content {
background: -webkit-linear-gradient(to bottom, rgba(236, 0, 140, 0.8) , #77007f ); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(to bottom, rgba(236, 0, 140, 0.8) , #77007f ) ; /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(to bottom, rgba(236, 0, 140, 0.8) , #77007f  ); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgba(236, 0, 140, 0.8) , #77007f  );  
background-color: white;
box-shadow: rgba(0,0,0,0.75) 0px 5px 10px; 
-moz-box-shadow: rgba(0,0,0,0.75) 0px 5px 10px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 5px 10px; 
}

.initialActive {
margin: 0 auto;
background-color: rgba(236, 0, 140, 0.4);
}

#galleryImg {
width: 180px;
height: 180px;
background-color: white;
border: 4px solid #999;
}

.caption-top {
color: #fff;
padding-top: 30px;
width: auto;
height: auto;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
}

#galleryCaption {
font-size: .85rem;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 600;
color: white;
}
#galleryCaption2 {
font-size: .6rem;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-style: italic;
color: white;
}

#slideImg {
width: 720px;
max-height: auto;
margin: 0 auto;
}

img.hover-shadow {
transition: 0.3s
}

.hover-shadow:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
border: 5px solid rgba(0, 0, 0, 0.5);
}

@media (max-width: 540px){

#galleryImg {
width: 100%;
height: auto;
margin: 0 auto;
}

.modal-content {
	width: 320px;
	margin: 0 auto;
}
.modal-content img {
margin: 0 auto;
max-width: 320px;
height: auto;
padding-top: 50px;
max-height: 480px
} 

.caption-top {
color: #fff;
padding-top: 20px;
width: 320px;
max-height: 50px;
}

#slideImg {
margin: 0 auto;
width: 360px;
height: auto;
}

}

a:link {
  color: #fff;
  text-decoration: none;
}
a:visited {
  color: #999;
  text-decoration: none;
}
a:hover {
  color: #ff0000;
  text-decoration: none;
}
a:active {
  color: #555;
  text-decoration: none;
}