.categories,
.filters{
	width: 100%;
	margin-bottom: 5vw;
}

	.categories ul,
	.filters{
		display: flex;
		justify-content: center;
	}
	
	.filters img {
		display: block;
		margin-bottom: 7px;
	}

	.filters a {
		display: block;
		margin-right: 20px;
		opacity: 0.6;
	}

	.filters a.a{
		opacity: 1;
	}
	
	.filters a:nth-child(2){
		margin-right: 0;
	}

	.categories li{
		padding: 0px 10px;
	}

	.categories a{
		color: hsl(0,0%,50%)
	}

	.categories a.a{
		color: black;
	}

@media (max-width: 700px){

	.categories ul,
	.filters{
		display: block;
	}
	
	.categories li{
		padding: 0px;
		line-height: 2
	}

}


.icon-grid{
	width: 15px;
}

.image-grid{
	width: 100%;
}

.uarr{
	display: inline-block;
	margin-bottom: 1px;
	margin-left: 5px;
	border-left: 3px solid transparent;
  	border-right: 3px solid transparent;
  	border-bottom: 5px solid black;
}


.darr{
	display: inline-block;
	margin-bottom: 1px;
	margin-left: 5px;
	border-left: 3px solid transparent;
  	border-right: 3px solid transparent;
  	border-top: 5px solid black;
}

.thumb{
	display: none;
}

	.thumb.a{
		display: block;
	}

@media(min-width: 960px){

	.thumb {
    	width: 20.40816%;
    	margin-right: 6.12245%;
	}
	
	.thumb:nth-child(4n+4) {
    	margin-right: 0%;
	}

	.thumb:nth-child(4n+5) {
    	clear: both;
	}

}



@media (max-width: 959px) and (min-width: 720px){

	.thumb {
	    width: 28.02198%;
	    margin-right: 7.96703%;
	}

	.thumb:nth-child(3n+3) {
	    margin-right: 0%;
	}

	.thumb:nth-child(3n+4) {
	    clear:both;
	}

}

@media (max-width: 720px){

	.thumb {
	    width: 100%;
	    margin-right: 0%;
	}

}

/*
@media (max-width: 719px) and (min-width: 480px){

	.thumb {
	    width: 47.41379%;
	    margin-right: 5.17241%;
	}

	.thumb:nth-child(2n+2) {
	    margin-right: 0%;
	}

}*/

.thumb {
    float: left;
    position: relative;
    margin-bottom: 5%;
    margin-top: 0px;
    transition: 150ms;
}


.thumb:last-of-type{
	margin-right: 0;
}

.sqr{
	position: relative;
	width:100%;
	height:100%;
}

	.sqr img{
		position: relative;
		float: left;
		margin-bottom: 5px;
		display: none;
	}
	


.image-grid figcaption{
	/*position: absolute;*/
	padding-top: 5px;
	width:100%;
	/*bottom:0;*/
	transition: 100ms;
	opacity: 0;
	text-align: center;
}

	.image-grid .thumb:hover,
	.image-grid .thumb:focus{
		opacity:0.8;
	}
	.image-grid .thumb:hover figcaption,
	.image-grid .thumb:focus figcaption{
/* 		opacity: 1!important; */
	}




.organic-grid .sqr:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}





.organic-grid .thumb img{
	position: absolute;
	top:50%;left:50%;
	transform: translate(-50%,-50%);
	z-index:3;
}



.organic-grid .sqr{
	overflow: hidden;
}


.organic-grid .thumb img.portrait{
	width: 65%;
}


.organic-grid .sqr img:nth-child(2){
  display: none;
  z-index:2;
}

	.organic-grid .sqr:hover img:nth-child(2){
		display: block;
	}

	.organic-grid .sqr:hover img:nth-child(1){
		display: none!important;
	}
	
	@media (max-width:700px){
	
		.organic-grid .sqr img:nth-child(2){
/* 			display: block; */
		}
		
		.organic-grid .sqr img:nth-child(1){
		    display: none;
		}	
		
	}
/*
@media (min-width: 1400px){

	.image-grid li{
		max-width: 15vw;
		margin: 0 35px;
		margin-bottom: 5vw;
	}

}


@media (max-width: 1400px){

	.image-grid li{
		max-width: 20vw;
		margin-right: 5vw;
		margin-bottom: 5vw;
	}

	.image-grid li:nth-child(3n){
		margin-right:0;
	}

}

@media (max-width: 1000px){

	.image-grid li{
		max-width: 35vw;
		margin-right: 5vw;
		margin-bottom: 5vw;
	}

	.image-grid li:nth-child(2n){
		margin-right:0;
	}

}


@media (max-width: 700px){

	.image-grid li{
		max-width: 100%;
		margin-right: 0;
	}

}*/


.grid-view{
	display: none;
	width: 100%;
}

.grid-view table{
	width: 100%;
	text-align: left;
	line-height: 1.6;
}

.grid-view table td{
	width: 20%;
}

	.grid-view table td:nth-child(1){
		width: 10%;
	}

	.grid-view table td:nth-child(2){
		width: 30%;
	}
	
	.grid-view.press td{
		width: 30%;
	}
	
	.grid-view.press table td:nth-child(2){
		width: 15%;
	}

.grid-view table tr:hover{
	background: hsl(0,0%,93%);
}

.grid-view table tr:nth-child(1):hover{
	background: none;
}

	table#sort tr{
		cursor: pointer;
	}

@media (max-width: 700px){

	.grid-view table tr{
		display: block;
		margin-bottom: 20px;
	}

	.grid-view table td{
		display: block;
		width: 100%!important;
	}

	.grid-view table th{
		display: none;
	}

}



.press-logo{
/* 	width: 200px; */
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5%;
}

	.press-logo img{
		max-height: 100%;
	}

	@media (max-width: 700px){
	
		.press-logo{
/* 			min-height: 150px; */
/* 			height: auto; */
		}
	
	}

/*


.backToIndex:before{
	position: absolute;
	margin-left: -15px;
	content: "←"
	
}
*/