html { background-image: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%), url(img/bg.jpg); }
body { font-family: monospace; margin: 0 10px 10px 10px; font-size: large; max-width: 1180px; }
h2 { margin-top: 10px; }
p { line-height: 1.5; }
table { border-spacing: 0; }
th { vertical-align: top; text-align: left; padding-right: 20px; }
td { vertical-align: top; text-align: left; padding-right: 20px; }
img { max-width: 100%; }
nav { text-align: right; padding: 10px 0; }
footer { margin-top: 100px; }

@media (min-width: 1440px) {
	body { margin: 0 160px 160px 160px; }
	h1 { margin-top: 80px; }
	h2 { margin-top: 80px; }
}
@media (min-width: 980px) and (max-width: 1439px) {
	body { margin: 0 80px 80px 80px; }
	h1 { margin-top: 40px; }
	h2 { margin-top: 40px; }
}

/* Bienal */
.emphasis { border: 1px solid black; padding: 0.4em; background: rgba(0,0,0,0.1); }
.emphasis p { margin-top: 0; }
.emphasis .pics { display: table; width: 100%; }
.emphasis .pic { display: table-cell; width: 33%; text-align: center; }
.emphasis .pic img { max-width: 98%; max-height: 150px; }

/* List of Works */
#works-list article {
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: top;

	width: 100%;
	height: 256px;
	margin: 0 0 10px 0;
}
#works-list a {
	text-decoration: none;
}
@media (min-width: 900px) {
	#works-list article {
		width: 32%;
		height: 256px;
		min-width: 256px;
		margin: 0 5px 10px 0;
	}
}

#works-list article h3 {
	background-color: black;
	color: white;
	display: inline;
	font-weight: normal;
}