*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}



.da-thumbs {
	list-style: none;
	position: relative;
	padding: 0;
	width:100%; 
	height:100%; 
	margin:0;
}
.da-thumbs li {
	float: left;
	position: relative;
	background: 0;
	padding: 0px;
	width:23%;
	margin:1%;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
	-webkit-border-radius: 30%; 
	-moz-border-radius: 30%;
	border-radius: 30%;
	box-shadow: 0 4px 5px rgba(0,0,0,0.2);
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	font-weight: normal;
	border:0;
	box-shadow:none;
	color:#fff;
	text-shadow:none;
	text-align:center;
	margin-top:35%;
}


body {
	margin:0;
	padding:0;
	background-image:url(../img/background.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	font-family: Segoe UI Light, Arial;
	color:#888;
}

h1 {
	font-weight: normal;
}

#banner {
	background:#fff;
	padding:15px;
	box-shadow: 0px 0px 10px #ccc;
	display:block;
}

.content-box {
	background:#fff;
	box-shadow: 0px 0px 10px #ccc;
	margin:2% auto;
	max-width:720px;
	padding:30px;
}

.content-box--alt {
	background:#333; 
	color: #fff;
}

#content {
	margin:1%;
}

a {
    text-decoration:none;
    color:orange;
}

a:hover 
{
    text-decoration:underline;
}

@media screen and (min-width: 800px) 
{
	.da-thumbs li 
    {
		width:14.66%;
    }
}