body {
	background-image: url("art_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#banner {
	width: 100%;
	height: 15%;
}
#banner > div {
	background-image: url("art_banner.png");
	padding: 0.5em 15%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-origin: content-box;
	box-sizing: border-box;
}

#button-back {
	float: left;
	width: 15%;
	height: 100%;
}

#container {
	height: 85%;
}

#buttons {
	height: 20%;
	width: 80%;
	margin: 0 auto;
	display: table;
}

.portfolio-button {
	cursor: pointer;
	display: table-cell;
}

#content {
	height: 80%;
	overflow-y: auto;
}

#gallery {
	height: 100%;
	overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: auto;
  align-content: start
}
.item {
  flex: 0 0 auto;
  margin: 10px;
	max-width: 100%;
}
.item img, .item video {
	max-width: 100%;
	max-height: 400px;
	height: auto;
}
.item iframe {
	max-width: 100%;
	max-height: 400px;
}

iframe {
	border: none;
}