/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* CONTENTS: (1) BASE STYLES (2) HEADER (3) BODY (4) FOOTER (5) BREAKPOINTS */
/* (1) BASE STYLES */
*,:after,:before{box-sizing:border-box!important}
html,body{font-size:100%;}
html,html a{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-shadow:1px 1px 1px rgba(0,0,0,.004)}
body{background:#fff;font-family:monospace;line-height:1.3rem;margin:16px}
/* links */
a:link,
a:visited {color:#fa8335;text-decoration:none}
a:hover,
a:active{background:#fa8335;color:#fffcfa}
/* typography */
p {font-size:1.2rem;line-height:1.6;margin:8px 0 16px 0}
p.small{font-size:1em}
/* utilities */
.shim{display:none}

/* (2) HEADER */
nav{font-size:1.2em;line-height:1.5;margin:0 0 24px 0}

/* (3) BODY */
.column{grid-column:span 1}
/* page title */
.content h1{line-height:1.2;margin:24px 0;text-align:center}
.content h1{background:#fa8335;color:#fffcfa;display:inline-block;padding:4px 8px;text-align:center}
/* page contents */
article{display:grid;grid-gap:8px;grid-template-columns:1fr;margin:16px 0}
article.col-2,article.col-3,article.col-4,article.col-5,article.col-6{grid-template-columns:1fr}
	article.col-5 .item{max-height:350px}
.item{border-top:4px solid #fa8335;margin:0 0 8px;max-height:800px;overflow:hidden;padding:8px 0 0;transition:all .2s ease-in-out}
	.item img{width:100%}
	.item a:hover{background:0 0}
/** lightbox markup **/
.thumbnail{max-width:40%}
.lightbox{display:none;background:#140800;height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:999}
.lightbox img{margin-top:16px;margin-bottom:16px;max-height:98%;max-height:calc(100% - 32px);max-width:95%;display:grid}
.lightbox:target{background:#140800;outline:0;display:grid;align-items:center;justify-items:center}

/* (4) FOOTER */

/* (5) BREAKPOINTS (544 SM, 768 MD, 1012 LG, 1280 XL) */
@media (min-width: 544px) {
	article p.intro{border-left:4px solid #fa8335;border-top:none;padding:0 0 0 24px}
	@supports (display: grid) {}
}
@media (min-width: 768px) {
	@supports (display: grid) {}
}
@media (max-width: 1011Apx) {
	@supports (display: grid) {}
}
/* DESKTOP VIEW */
@media (min-width: 1012px) {
	/* HEADER */
	/* BODY */
	body{margin:32px 40px}
	.content h1{line-height:1;margin:8px auto 24px;text-align:left}
	.content h1{padding:8px}
	.item:hover{padding-top:0;transform:scale(1.15);z-index:10}
	article{display:grid;grid-gap:8px;grid-template-columns:repeat(4,1fr)}
	article.col-2{grid-template-columns:repeat(2,1fr)}
	article.col-3{grid-template-columns:repeat(3,1fr)}
	article.col-4{grid-template-columns:repeat(4,1fr)}
	article.col-5{grid-template-columns:repeat(5,1fr)}
	article.col-6{grid-template-columns:repeat(6,1fr)}
	.shim{display:block}
	/* FOOTER */
	@supports (display: grid) { }
}
@media (min-width: 1280px) {  }