@charset "UTF-8";
/* -- normalize -- */
@import url("partials/normalize.css");
/* -- typography -- */
@import url("partials/typography.css");
/* -- the grid -- */
@import url("partials/grid.css");

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/


html, body {
  height: 100%;
  margin: 0;
  font-family: "Arial Black", Arial, Helvetica,sans-serif;
  font-size: 100%;
  color:black;
  /* 16px */
}
#wrapper {
	position:absolute;
	top: 15%;
	left:1rem;
	bottom: 0%;
	height:100%;
}
.band{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	overflow-x:scroll;
	white-space:nowrap;
}
.band li {
	list-style-type:none;
	display:inline-block;
	padding:0 1rem 0 0;
	height:60%;
	width: auto;
}
img {
	height: 100%;
	border: 0;
	padding: 0;
}
.upper {
	text-transform:uppercase;
}
#credit {
	position:absolute;
	font-size:.75rem;
	right:1rem;
	left:1rem;
	bottom:.75rem;
	z-index:99999;
}
.close {
	position:fixed;
	top:0;
	left:0;
	width:auto;
	padding: 1rem;
	z-index:9000;
}
.close a {
	font-size:2rem;
	line-height:2rem;
	text-decoration: none;
	color:black;
}
/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/

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

}

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/

@media only screen and (min-width: 1030px) {
	#wrapper {
		top: 20%;
		bottom: 30%;
	}
	.band li {
		padding:0 2rem 0 0;
		height:50%;
		width: auto;
	}
	#imagelightbox
	{
		border-bottom:2em solid white;
	}

	#credit {
		font-size:1rem;
	}
}