/* clearfix */
.clearfix {
	clear:both;
	}


#container{
	margin:0px;
	padding:0px;
	float:left;
	height:auto;
	margin-top:0px;
	position:relative;
	width: 100%;
	}







.grid{
	background:#222222;
	background-color:#000;
	box-sizing:border-box;
	margin:0px;
	margin-right:0px;
	height: auto;
	float: left;
	padding:0px;
	overflow: hidden;
	width:0%;
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	}
	@media only screen and (max-width:620px){
	.grid{
	background-color:#222222;
	background-color:#000;
	}}





.grid .imgholder{
	background-color:#000;
	float: left;
	height: auto;
	display:block;
	width:100%;
	}


.grid .imgholder img{
	float: left;
	height: auto;
	display:block;
	margin:0px;
	opacity:1;
	padding:0px;
	max-width:100%;
	width:100%;
	transition:all 0.3s;
	}


.grid .imgholder a,
.grid .imgholder a:visited{
	float: left;
	margin-bottom:10px;
	/**/
	height:auto;
	width:100%;
	
	}




.grid .imgholder a:hover img{
	opacity:0.5;
	}




.grid p{
	background:#444;
	background-color:#222;
	box-sizing: border-box;
	float: left;
	font-weight:300; 
	height: auto;
	margin:-10px 0px 0px 0px;
	padding:15px 5px 5px 5px;
	width:100%;
	}
	@media only screen and (max-width:620px){
	.grid p{
	background-color:#222222;
	}}



.grid p b{
	font-size:0.8em;
	font-weight: normal;
	}





.grid{
	background:#444;
	background-color:#000;
	box-sizing: border-box;
	margin:0px;
	margin-right:1%;
	min-height:120px;
	height: auto;
	float: left;
	overflow: hidden;
	width:32%;
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	}
	@media only screen and (max-width:720px) {
	.grid{
	width:49%;
	}}


.grid .imgholder{
	float: left;
	height: auto;
	display:block;
	width:100%
	}

.grid .imgholder img{
	float: left;
	height: auto;
	display:block;
	margin:0px;
	padding:0px;
	max-width:100%;
	width:100%
	}

.grid .imgholder a,
.grid .imgholder a:visited{
	float: left;
	margin-bottom:10px;
	/**/
	height:auto;
	width:100%;
	}


.grid:hover p{
	color:#eeeeee;
	}




.grid p{
	box-sizing: border-box;
	float: left;
	font-weight:300; 
	height: auto;
	margin:-10px 0px 0px 0px;
	padding:15px 5px 5px 5px;
	width:100%;
	}

.grid p b{
	font-size:0.8em;
	font-weight: normal;
	}