.category-btn{
	padding: 0;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
  margin-bottom : 4em;
}

.category-btn li{
	width: 22%;
	list-style: none;
  margin-bottom : 5px;
}

.category-btn li a{
	display: block;
	border-radius: .4em;
	color: #FFF;
	background: #333;
	padding : 20px;
	transition: background .3s ease;
}

.category-btn li a.is-current{
	pointer-events: none;
	background: #18bc9c;
}

.photo{
	margin: 0 auto;
	padding: 0;
}

.photo .photo-block{
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 300px;
	height: 225px;
  margin-bottom : 50px;
  font-weight : bold;
  font-size : 14px;
}

.photo .photo-block img{
	vertical-align: bottom;
}

body.category-all .item-all,
body.category-sea .item-sea,
body.category-mountain .item-mountain,
body.category-river .item-river{
	display: block;
	-webkit-animation: show .5s linear 0s forwards;
	        animation: show .5s linear 0s forwards;
}

@media only screen and (min-width: 769px) {

.category-btn li a:hover{
	background: #18bc9c;
}

}

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

.category-btn{
	margin-bottom: 2em;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.category-btn li{
	width: 100%;
}

}

@-webkit-keyframes show {

from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

}

@keyframes show {

from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

}