/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body { font-family: "PT Serif", serif; color: #111; font-size: 18px; line-height: 28px; }

p { margin-bottom: 30px; }

h1, h2, h3, h4, h5, h6 { font-family: "Vollkorn", serif; color: #111; }

h1 { font-size: 32px; line-height: 48px; margin-bottom: 20px; }

h2 { font-size: 24px; line-height: 34px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 2px solid #BBB; }

body { background-color: #FFF; }

.site { max-width: 760px; padding: 20px 20px; margin: 0 auto; }

.home-header { position: relative; margin-bottom: 30px; }
.home-header:before { position: absolute; content: ""; top: 0; left: -30px; bottom: 0; width: 2px; background: #BBB; }
.home-header img { display: block; height: 450px; width: auto; margin-bottom: 20px; }
.home-header-title { margin-bottom: 0px; }
.home-header-date { font-size: 15px; line-height: 20px; font-family: "Vollkorn", serif; font-style: italic; color: #777; }

.home-bio { margin-bottom: 60px; text-align: justify; }

.home-collection { margin-bottom: 60px; }
.home-collection-items { position: relative; margin: 0 -8px; }
.home-collection-items::after { clear: both; content: ""; display: table; }

.citem { position: relative; float: left; width: 33.3%; padding: 0 8px; margin-bottom: 16px; }
@media only screen and (max-width: 520px) { .citem { width: 50%; } }
.citem img { display: block; width: 100%; height: 350px; }
.citem-info { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba(0, 0, 0, 0.7); opacity: 0; color: #FFF; -webkit-transition: opacity 150ms ease; -moz-transition: opacity 150ms ease; transition: opacity 150ms ease; }
.citem-info-title { font-size: 15px; line-height: 40px; border-bottom: 4px solid #FFF; margin-bottom: 15px; }
.citem-info-description { font-size: 14px; line-height: 20px; }
.citem:hover .citem-info { opacity: 1; }