@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Cabin:500,500italic,700,700italic);

*, div, a, p, span, h1, h2, h3, h4, h5, h6, ul, li, button {font-family:'Cabin', Helvetica, Arial, sans-serif !important;}
* {font-size:1.2rem;}

body {background-image:url(/img/Zinc_bg_seamless.jpg); background-repeat:repeat; color:#fff; height:auto;}
.reveal, .reveal p {color:#000;}
h1.Masthead {font-weight:bold; margin-bottom:1rem;color:rgba(255,255,255,.5)}
#ShowForm {font-size:1rem;}
.row {max-width:80rem;}


a:link  { color: #1a2b80; text-decoration: none }
a:visited { color: #1a2b80; text-decoration:none }
a:hover  { color: #7F1D31; text-decoration:none  }
a:active { color: #c00}	

.MarginTop {margin-top:1rem;}

.MarginBottom {margin-bottom:1rem;}


@media screen and (min-width: 40em) {
	.MarginTop15 {margin-top:1.5rem}
	}

 @media screen and (max-width: 40em) {
    ul.Collage li a  { max-width: 300px;max-height:300px;} 
	ul.Collage li a img {max-width:100%; height:auto;}
	ul.Collage li a img.Portrait {max-width:50%; height:auto;margin:0 auto}
	
	}
	
	
 @media screen and (max-width: 63.9375em) {
    ul.Collage li a  { max-width: 300px;max-height:300px;} 
	ul.Collage li a img {max-width:100%; height:auto;}
	ul.Collage li a img.Portrait {max-width:50%; height:auto;margin:0 auto}
	}
  @media screen and (min-width: 64em) {
    ul.Collage li a  { max-width: 300px;max-height:300px;} 
	ul.Collage li a img {max-width:100%; height:auto;}
	ul.Collage li a img.Portrait {max-width:50%; height:auto;margin:0 auto}
	}
ul.Collage li:nth-of-type(6n+1) {  transform: rotate(-8deg);}
ul.Collage li:nth-of-type(6n+2) {  transform: rotate(5deg);}
ul.Collage li:nth-of-type(6n+3) {  transform: rotate(9deg);}
ul.Collage li:nth-of-type(6n+4) {  transform: rotate(12deg);}
ul.Collage li:nth-of-type(6n+5) {  transform: rotate(-9deg);}
ul.Collage li:nth-of-type(6n+6) {  transform: rotate(7deg);}

ul.Collage {
	text-align:center; margin-bottom:0; margin-left:0;
	}

ul.Collage li {
	display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
	transition: .25s ease-in-out;
}
ul.Collage li:hover {z-index:100;transform: rotate(0deg) scale(1.1); box-shadow: 0 20px 60px rgba(0, 0, 0, .3);}

ul.Collage li a {
    display: block;
	background:#fff;
    padding: 3px;
    outline: none;
    text-decoration: none;
    border: 0 solid #6F6F6F;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .6);
}
ul.Collage li a span { color:#000; }

ul.Collage li a img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}