body{
	background-color: #f3f3f3;
	padding:10px;
	font-family: Helvetica,Arial;
	font-size: 14pt;
}
a{
	color:#bb3131;
	text-decoration: none;
}
p{font-size: 10pt;}
h3{margin-top:5px;}
h4{margin:15px 0 5px;}
img{
	width:auto;
	max-width:100%;
}

.txt-center{text-align: center;}
#header{
	text-align: center;
	padding:30px 0 15px;
}
#header h3{color:#555;}
.block{
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 15px;
}
.thumbnail{
	position:relative;
	overflow:hidden;
	display:inline-block;
	background-color: #666;
	border-radius: 4px;
	margin: 5px 0px ;
	width:100%;
	height:100px;
	padding-top:30px;
	text-align:center;
	color:#fff;
	text-shadow:0px 2px 2px #000;
	font-weight: bold;
	background-size: cover;
	background-position: center;
}
div.overlay {
    opacity: .6;
    background-color: #888;
    position: absolute;
    left: 0; top: 0; height: 100px; width: 200px;
    z-index:2;
}
div.overlay:hover {
    background-color: #444;
}
.content{
	position:relative;
	z-index:5;
}
.pad{padding:30px;}
.divider{
	height:1px;
	width:90%;
	background-color: #eee;
	margin: 20px auto;
}
.btn{
	background-color:#b93131;
	color:#fff;
	padding:10px 15px;
	border-radius:5px;
	margin-top:15px;
	display:inline-block;
}
.btn-space{
	margin-bottom:15px;
}
.btn:hover{
	background-color:#d24848;
}


@media (max-width:480px){.col-x{width:33.33333%;}}
@media (min-width:481px) and (max-width:768px){.col-x{width:25%;}}
@media (min-width:769px) and (max-width:1024px){.col-x{width:16.66666%;}}
@media (min-width:1025px){.col-x{width:12.5%;}}