@charset "UTF-8";

body {
	font: 100%/1.4 Helvetica, Verdana, Arial, sans-serif;
	background: #333;
	color: #FFF;
	margin: 0;
	padding: 0;
	text-align: center;
}
*:focus {
    outline: none;
}

.wrapper {
	width: 100%;
	margin: 0 auto; 
	
}
.container {
	margin: 0 auto; 
	width: 920px;	
}
.content {
	margin: 0 auto; 
	background: #000;
	width: 920px;
	box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; 
	text-align: center;
}
.header {
	text-align: center;
}
.center { 
	text-align: center;
	margin: 0 auto;
	float: none;
}
td {
	margin: 0 auto;
	text-align: center;
}


.home-thumb {
	border: #fff solid 6px;
	margin: 10px;
}
.caption {
	color: #888888;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	margin-top: 0;
}
.caption a {
	font-size: .8rem;
}
h1 {
	color: #888888;
	font-size: 2em;
	font-weight: 400;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: .05em;
	padding-top: 20px;
}
h3 {
	color: #888888;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
	letter-spacing: .03em;
}
a:link { text-decoration: none; color: #666666; letter-spacing: 110%; }
a:visited { text-decoration: none; color: #666666; letter-spacing: 110%;}
a:hover { text-decoration: underline; color: #666666; letter-spacing: 110%;}
a:active { text-decoration: none; color: #666666; letter-spacing: 110%;}
.center {
	margin: 0 auto;
	text-align: center;
}

.flex-container {
	margin: 0 auto;
	margin-bottom: 2rem;
	display: flex;
	flex-direction: row;
	text-align: center;
	width: 100%;
	justify-content:space-evenly;
}
.flex-item {
	width: auto;
	text-align: center;
}
.flex-item-auto {
	width: auto;
}
.flex-item img {
	height: 466px;
}
.vert-space-60 {
	height: 48px;
}


@media only screen and (max-width: 940px) {
	.container, .content {
		width: 100%;
	}
	.flex-item img {
		height: 400px;
	}
}
@media only screen and (max-width: 840px) {
	.container, .content {
		width: 100%;
	}
	.flex-container {
		display: block;
	}
	.flex-item, .flex-item-auto {
		width: 100%;
	}
	.flex-item img {
		height: 466px;
		max-width: 100%;
	}
	.caption {
		margin-bottom: 48px;
	}
	
	.vert-space-60 {
		height: 0;
	}
}