@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');


html, body {margin: 0; width: 100%; height: 100%;}
body {font-family: 'Nunito','Helvetica',sans-serif;}


/* /////////////////////////////////////////////////////////////////////////////
INDEX PAGE STYLES
//////////////////////////////////////////////////////////////////////////////*/
.header {
	display: flex;
	width: 61vw;
	height: 20vw;
	margin: 5vw auto;
	background: gray;
}
.header img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

h1, h2, h3, h4, h5 {text-align: center;}
h1 {margin-top: 5vw;}
h3 {font-weight: bold;}
h4 {font-weight: normal;}
h5 {font-weight: normal;}

.container {
  width:61vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5vw;
}

.container div {
	width: 18vw;
	margin: 1vw;
}

.container div a {
	position: relative;
  display: block;
	height: 18vw;
	border-radius: 9vw;
}

.container div a img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 9vw;
	z-index: -1;
}
.container div a:hover {
	background: rgba(255,255,255,0.15);
}

.container div p {
	display: block;
	text-align: center;
	margin-top: 1vw;
}

.copy {
	text-align: center;
}


/* /////////////////////////////////////////////////////////////////////////////
MAIN GALLERY PAGE STYLES
//////////////////////////////////////////////////////////////////////////////*/
.gallery {
	width: 70vw;
	max-width: 100vh;
	margin: 0 auto;
	display:flex;
	flex-direction: column;
}
.gallery img {
	width: 100%;
	margin: 1vw auto;
	/* max-height: 90vh; */
}
.return {
	width: 100%;
	text-align: center;
	margin: 1vw auto 2vw;
}
.return a {
	color: #000;
}
.return a:visited {
	color: #000;
}