.collections-page {
	display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
}
.collections-page .contextual {
	grid-column:span 2;
}

.views-row {
	background-color: #f0f0f0;
  width: 100%;
  aspect-ratio: 1 / 1;
}
.views-field-nothing,
.views-field-nothing .field-content,
.views-field-nothing .field-content a {
	width:100%;
	height:100%;
}
.views-field-nothing .field-content a {
	justify-content: center;
  align-items: center;
  display: flex;
  padding:20px;
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 700;
  font-style: normal;
}


/*
.term-824, .term-826, .term-219, .term-111, .term-670, .term-82, .term-164 {
	background: #FF5F5F;
  color: #fff;
}
.term-171, .term-203, .term-36, .term-34, .term-297, .term-235, .term-140 {
	background: #FF962E;
  color: #fff;
}
.term-197, .term-827, .term-44, .term-188, .term-10, .term-8, .term-185 {
	background: #FFFF61;
  color: #666;
}
.term-825, .term-192, .term-55, .term-178, .term-88, .term-169, .term-116 {
	background: #6EFF6E;
  color: #666;
}
.term-2, .term-17, .term-199, .term-180, .term-294, .term-217, .term-96 {
	background: #5959FF;
  color: #fff;
}
.term-121, .term-828, .term-552, .term-795, .term-105, .term-124 {
	background: #FF6FF6;
  color: #fff;
}
.term-31, .term-24, .term-378, .term-30, .term-68, .term-299 {
	background: #A736FF;
  color: #fff;
}
*/


.views-field-nothing .field-content a:hover {
	background:#333;
	color:#ccc;
}



@media screen and (min-width:768px) {
	
	.collections-page {
		display: grid;
	  grid-template-columns: repeat(4,minmax(0,1fr));
	  gap: 20px;
	}
	.collections-page .contextual {
		grid-column:span 4;
	}
	
}

@media screen and (min-width:992px) {
	
	.views-field-nothing .field-content a {
		font-size:1.25em;
	}
	
}