/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin,greek-ext);

.grid {
	margin-right: auto;
	margin-left: auto;
	margin-top: 90px;
	margin-bottom: 5px;
	max-width: 1200px;
	width:100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
	width: 100%;
	overflow: hidden;
	border-bottom:solid 1px #999;
	text-align:center;
	cursor:pointer;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.grid-item img{
	height:auto;
	margin:auto;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.img-title {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-weight: 700;
	color: rgba(0,0,0,1);
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	font-style: italic;
}
.grid-item:hover>a img {
	transform: scale(1.2);
}
.grid-item:hover>.img-title {
	color:rgba(33,33,33,1);
}

@media all and (min-width: 1210px) {
.grid-item {
	max-width:31%;
	display:inline-block;
	margin-top:2%;
	padding-bottom:2%;
	margin-left:1%;
	margin-right:1%;
}
.grid-item img{
	width: 70%;
}
.img-title {
	font-size:1.5em;
}
}

@media all and (min-width: 800px)and (max-width: 1209px) {
.grid-item {
	max-width:31%;
	display:inline-block;
	margin-top:2%;
	padding-bottom:2%;
	margin-left:1%;
	margin-right:1%;
}
.grid-item img{
	width: 70%;
}
.img-title {
	font-size:1.5em;
}

}

@media all and (min-width: 481px)and (max-width: 799px) {
.grid-item {
	max-width:47%;
	display:inline-block;
	margin-top:2%;
	padding-bottom:2%;
	margin-left:1%;
	margin-right:1%;
}
.grid-item img{
	width: 70%;
}
.img-title {
	font-size:1.5em;
}
}

@media all and (max-width: 480px) {
.grid-item {
	max-width:98%;
	display:inline-block;
	margin-top:2%;
	padding-bottom:2%;
	margin-left:1%;
	margin-right:1%;
}
.grid-item img{
	width: 70%;
}
.img-title {
	font-size:1.5em;
}
}