@charset "UTF-8";

#wrap{
	text-align:center;
	width:100%;
}

h2 {padding:70px 0 20px;}

h2 img{ 
	width:auto;
	height:43px;
}

p {font-family: 'Open Sans', sans-serif; padding-bottom:40px;}

#masonry {
	margin: 0 auto;
	padding:0 0 120px;
	text-align: left;
	overflow: hidden;
}

#masonry figure{
	width:300px;
	height:auto;
	float:left;
	margin:0 10px 20px;
	  overflow: hidden;
	  background-color:#fff;
}
#masonry figure a{
	width:100%;
	height:auto;
	max-height: 350px;
	overflow: hidden;
	display:block;
}

#masonry figure a img{
	width:100%;
	height:auto;
    -moz-transition: -moz-transform 0.8s linear;
    -webkit-transition: -webkit-transform 0.8s linear;
    -o-transition: -o-transform 0.8s linear;
    -ms-transition: -ms-transform 0.8s linear;
    transition: transform 0.8s linear;

}
#masonry figure a img:hover{
	    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#masonry figure figcaption {
	padding:5px 10px 10px;
	font-size:12px;
	line-height:150%;
}

#infscr-loading { 
    text-align: center;
    z-index: 100;
    position: fixed;
    bottom: 60px;
    width: 100%;
    padding: 10px 0;
    background: #fff; 
    opacity: 0.8;
    color: #666;
}

@media only screen and (max-width:768px) {

h2 {padding:40px 0 20px; margin:0 auto;}

h2 img{ 
	width:auto;
	height:40px;
}

p {font-family: 'Open Sans', sans-serif; padding-bottom:30px;}

#contents{
	width:86%;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	padding:0 0 30px;
}

#masonry figure{
	width:100%;
	height:auto;
	float:none;
	margin:0 0 10px;
	  overflow: hidden;
	  background-color:#fff;
}
#masonry figure a{
	width:100%;;
	height:auto;
	overflow: hidden;
	display:block;
}

#masonry figure figcaption {
	padding:5px 10px 10px;
	font-size:12px;
	line-height:150%;
}

}