:root {
	--unit-maxwidth-text: 30em;
	--unit-line-height: 1.4em;
	--font-serif: "tiempos", "Georgia",serif;
	--font-sans-serif: "metric", sans-serif;
	--font-utility: "refrigerator-deluxe",sans-serif;
	--light-gray: #6e6e6e;
	--lightblack: #231F20;
	--background: #ffffff;
	--footer-background :#ffffff;
	--brightblue: #0037FF;
	--line-color: #dddddd;
}

* {

}

hr {
    border: 0;
    height: 1px;
    background: #DDD;
    margin-top:2em;
    margin-bottom:2em;
}

div.dropdown {
	height:40px;
	padding-bottom: 1em;
}

.sort-dropdown {
	border: 1px solid black;
	padding:6px;
	margin-left:6px;
	margin-right:6px;
}

.sort-dropown svg {
	padding-top:6px;
}

#oigr-logo,
#content-header,
#primary-content,
#post-content {
    width: 800px;
    margin:0 auto;
	text-align:center;
}

#oigr-logo {
	margin-top:2em;
}

.breadcrumb {
	margin-top: 1em;
}

#primary-content {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .5em 0;
	background-color: #f1f1f1;
}

#primary-content h1 {
    margin-top: 2em;
}

#primary-content img {
	max-width:150px;
}

div.game-list {
	text-transform: uppercase;
}

div.game-list img {
	max-width: 150px;
}

div.title-wrap {
  margin-top: .5em;
}

div.title-wrap span {
    font-size:16px;
    display: block;
    opacity: 0.5;
}

/* Project Listing Grid */

@media (min-width: 767px) {
  div.game-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 var(--unit-line-height);
  }
}

@media (min-width: 1400px) {
  div.game-list { grid-template-columns: 1fr 1fr 1fr 1fr; }
}

/*body:not(.work) div.game-list, div.projectslabel {
  margin-left: calc(-1*var(--unit-line-height));
  margin-right: calc(-1*var(--unit-line-height));
  padding: calc(1*var(--unit-line-height));
  margin-bottom: calc(-3*var(--unit-line-height));
}*/

div.game-tile:not(:last-child) {
  margin-bottom: calc(1*var(--unit-line-height));
}

div.title-wrap {
  margin-top: calc(.1*var(--unit-line-height));
}

div.game-list span {
    font-size:16px;
    display: block;
    opacity: 0.5;
}

div.game-list a {
  color: var(--lightblack);
}

div.game-list a img {
  opacity: .8;
  transition: opacity .3s ease;
}

div.game-list a:hover img {
  opacity: 1;
}