body {
	height:100%;
	width:100%;
	background-color: #282828;
	color: hsla(35, 35%, 88%, .7);
     -webkit-font-smoothing: antialiased;
}

/*	original red: #da2f40;
	background red: #ad1f2d;
	chocolate: #433c3c;
	whitish: #ebe2d5;
	yellow: #f6c125;
	background yellow: #dca809;
	original olive #999680;
	background olive: #716e5a; hsla(52, 11%, 40%, .85);
	dark grey: #282828; 	
*/

#content {
	padding: 6rem 6rem 8rem 6rem;
}

.section {
	padding: 4rem 6rem 6rem 6rem;
}

.brand-logo-img {
	margin-top:1rem
}

a.brand-logo {
	margin-top:.1rem;
	margin-left:1.1rem;
}

nav {
	background-color: #433c3c;
	box-shadow: none;
}

.nav-wrapper {
	background-color: #433c3c;
}

a.nav-about {
	background-color:#433c3c;
	font-family: 'urw-form-expanded', sans-serif;
	color:#f6c125;
	font-size:1rem;
	font-weight: 500;
	margin-right:0;
	padding-left:1.6rem;
	padding-right:1.6rem;
}

a.nav-about:hover {
	margin-right:0;
}

a.nav-schedule {
	background-color:#f6c125;
	color:#282828;
	padding-left:1.6rem;
	padding-right:1.6rem;
}

a.nav-schedule:hover {
	background-color:#3c3636;
}

a.active {
	color: #6c6060;
	font-size:1rem;
	font-weight: 500;
}

a {
	color:#f6c125;
	font-weight: 500;
}

a:hover {
	color:#6c6060;	
}

a.public {
	color:#da2f40;
}

a:hover.public {
	color:#6c6060;
}

a.on-green:hover {
	color: hsla(35, 35%, 88%, .3);
}

a.expired {
	background-color:#3c3636;
	color:#6c6060;
}

.collapsible {
	background-color:transparent;
	border: none;
	box-shadow: none;
}

.collapsible-header {
	font-family: 'urw-form', sans-serif;
	font-weight: 200;
	font-size: 2.25rem;
	line-height: 1.2;
	text-transform:uppercase;
	border: none;
	padding:2rem;
	color: hsla(35, 35%, 88%, .9);
}

.collapsible-body {
	padding-bottom:4rem;
	border: none;
}

p {
	font-family: 'urw-form', sans-serif;
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.5;
	color: hsla(35, 35%, 88%, .7);
	margin-top:2.6rem;	
}

p.about {
	color:hsla(35, 35%, 88%, .80);
}

.school {
	font-family: 'urw-form-semi-condensed', sans-serif;
	font-size:1.2rem;
	line-height:1.1;
	color:#999680;
}

p.authors {
	font-size:1rem;
	color:#999680;
	margin-top:-1.1rem;
	margin-bottom:2rem;
}

p.presenter {
	font-size: 1.8rem;
	color:#999680;
	margin-top:-.6rem;
	line-height: 1.2;
	margin-bottom:1rem;
}

p.bio {
	font-size:1.1rem;
	color:#999680;
	margin-top:2.3rem;	
}

p.bio-keynote {
	font-size:1.2rem;
	line-height:1.4;
	color: hsla(35, 35%, 88%, .8);
}

p.credits {
	font-size:.9rem;
	color:#999680;
	margin-top:.2rem;
	margin-bottom:2rem;
}

p.credits-parallax {
	font-size:.9rem;
	color:#282828;
	margin:.4rem;
	text-align: right;
}

p.title {
	color:#999680;
	margin-bottom:0;
}

p.quote {
	font-family: 'urw-form', sans-serif;
	font-weight:400;
	margin-bottom: 1rem;
}

h1 {
	font-family: 'urw-form-poster', sans-serif;
	font-size: 5rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
	color:#ebe2d5;
}

h2 {
	font-family: 'urw-form-poster', sans-serif;
	font-size: 3.8rem;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom:2rem;
	color:#ebe2d5;
}

h3 {
	font-family: 'urw-form-semi-condensed', sans-serif;
	font-weight: 300;
	font-size: 3rem;
	line-height: 1.3;
	margin-bottom:2rem;
	color: hsla(35, 35%, 88%, .9);
}

h3.home {
	margin-bottom:0;
}

h4 {
	font-family: 'urw-form-semi-condensed', sans-serif;
	font-weight: 300;
	font-size: 2.6rem;
	line-height: 1.3;
	margin-bottom:2rem;
	color: hsla(35, 35%, 88%, .85);
}

h5 {
	font-family: 'urw-form', sans-serif;
	font-weight: 200;
	font-size: 2.25rem;
	line-height: 1.2;
	margin-top:2rem;
	margin-bottom:1.7rem;
	text-transform:uppercase;
	color: hsla(35, 35%, 88%, .7);
}

h6 {
	font-family: 'adaptive-mono', monospace;
	font-weight:400;
	line-height: 1.3;
	text-transform:uppercase;
	color: hsla(35, 35%, 88%, .7);
}

h6.schedule {
	margin-top:3.2rem;
}

h6.instructions {
	margin-top:3.2rem;
}

i {
	font-style: italic;
}

ol { margin-top:3rem; }

li.participants {
	font-family: 'urw-form-semi-condensed', sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.4;
	color:#999680;
}

li.a8 {
	font-size:1.3rem;
	line-height:1.3;
	font-weight:300;
	margin-bottom:.6rem;
	margin-left:2.6rem;
	margin-right:2.6rem;
}

li.footer {
	font-family: 'urw-form-expanded', sans-serif;
	color:#f6c125;
	font-size:1rem;
	font-weight: 500;
	margin-top:.2rem;
}

img {
	margin-top: 3rem;
}

img.scale-with-grid {
		max-width: 100%;
		height: auto;
}

.scale-with-grid {
		max-width: 100%;
		height: auto;
}

.btn-large {
	font-family: 'urw-form-expanded', sans-serif;
	font-size:1.2rem;
	background-color: #f6c125;
	color: #282828;
	margin-top:2rem;
	border:none;
}

a.btn-large:hover {
	background-color: #433c3c;
}

a.btn-large:visited {
	background-color: #f6c125;
	color: #282828;
}

a.btn-large:visited:hover {
	background-color: #433c3c;
	color:#6c6060;
}

.btn-small {
	font-family: 'urw-form-expanded', sans-serif;
	font-size:1.2rem;
	background-color: #f6c125;
	color: #282828;
	margin-top:1rem;
	padding-top:.05rem;
	border:none;
}

a.btn-small:hover {
	background-color: #433c3c;
	color:#6c6060;
}

a.btn-small:visited {
	background-color: #f6c125;
	color: #282828;
}

a.btn-small:visited:hover {
	background-color: #433c3c;
	color:#6c6060;
}

.description {
	margin-top:8rem;
	margin-bottom:12rem;
}

.keynote-abstract {
	margin-top: 4rem;
	margin-bottom:3rem;
}

.publishers {
	margin-bottom:3rem;
}

#footer {
	background-color: #433c3c;
	padding:2rem;
}

:root {
  --columns: 3;
}

ul.books {
  display:grid;
  grid-template-columns: repeat(var(--columns),1fr);
}

li.books {
  grid-column-end: span 2;
  align-self: center;
  width:100%;
  padding-bottom: 71%;
  transform: rotatez(45deg);
}

li.books::before, li.books::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
}

li.books::before {
  z-index: -10;
  clip-path: polygon(0 0, 100% 0, 100% 20%, 20% 20%, 20% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 20%, 20% 20%, 20% 100%, 0 100%);
}

li.books::after {
  z-index: 10;
  clip-path: polygon(80% 20%, 100% 0, 100% 100%, 100% 100%, 0% 0%, 80% 80%);
  -webkit-clip-path: polygon(80% 20%, 100% 0, 100% 100%, 100% 100%, 0% 0%, 80% 80%);
}

li.books:nth-child(2n){
  grid-column-start:2;
}

img.books{
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotatez(-45deg);
  transition-property: transform;
  transition-duration: .3s;
}

img.books:hover{
  transform: translateX(-60%) translateY(-60%) rotatez(-25deg);
}

@media (min-width:450px){
	ul.books{ margin: 2rem -4rem 6rem 0; }
	:root {
	    --columns: 5;
	  }
	  li.books:nth-child(2n){
	    grid-column-start:auto;
	  }
	  li.books:nth-child(4n-1){
	    grid-column-start:2;
	  }
}

@media (min-width:600px){
	ul.books{ margin: 2rem; }
  :root {
    --columns: 5;
  }
  li.books:nth-child(2n){
    grid-column-start:auto;
  }
  li.books:nth-child(4n-1){
    grid-column-start:2;
  }
}
@media (min-width:900px){
	ul.books{ margin: 2rem; }
  :root {
    --columns: 5;
  }
  li.books:nth-child(2n){
    grid-column-start:auto;
  }
  li.books:nth-child(4n-1){
    grid-column-start:2;
  }
}
@media (min-width:1200px){
  :root {
    --columns: 7;
  }
  li.books:nth-child(4n-1){
    grid-column-start:auto;
  }
  li.books:nth-child(6n-2){
    grid-column-start:2;
  }
}
@media (min-width:1500px){
  :root {
    --columns: 9;
  }
  li.books:nth-child(6n-2){
    grid-column-start:auto;
  }
  li.books:nth-child(8n-3){
    grid-column-start:2;
  }
}
/*@media (min-width:1800px){
  :root {
    --columns: 13;
  }
  li.books:nth-child(10n-4){
    grid-column-start:auto;
  }
  li.books:nth-child(12n-5){
    grid-column-start:2;
  }

}
@media (min-width:2100px){
  :root {
    --columns: 15;
  }
  li.books:nth-child(12n-5){
    grid-column-start:auto;
  }
  li.books:nth-child(14n-6){
    grid-column-start:2;
  }

}*/

@media (max-width: 1100px) {
	#content { padding: 4rem; }
	.section { padding: 3rem 4rem 4rem 4rem; }
	a.brand-logo { margin-left:.5rem; }
	h1 { font-size:3.9rem; }
	h2 { font-size: 3.3rem; }
	h3 { font-size: 2.5rem; margin-bottom:1.5rem; }
	h4 { font-size:2rem; }
	p, p.about { font-size:1.33rem; margin-top:2rem; }
	p.bio { margin-top:2rem; }
	p.bio-keynote { font-size:1.1rem; }
	.publishers { margin-bottom:8rem; }
}

@media (max-width: 500px) {
	#content { padding: 1.6rem 1.6rem 2.3rem 1.6rem; }
	.section { padding: 1.6rem; }
	a.brand-logo { margin-top:0; }
	.description { margin-top:4rem; margin-bottom:6rem; }
	.nav-wrapper {	margin-right: 0;}
	h1 { font-size: 2.9rem; }
	h2 { font-size: 2.5rem;margin-bottom:1.7rem; }
	h3 { font-size: 2rem;margin-bottom:2rem; }
	h4 { font-size: 1.6rem; }
	h5 { font-size: 1.5rem; }
	h6.instructions { margin-top:1.6rem; }
	p { font-size: 1.2rem; margin-top:2rem; }
	p.about { font-size: 1.2rem; margin-top:2rem; }
	p.bio { font-size: 1.1rem; }
	p.authors { margin-top:-.8rem; }
	p.presenter { font-size: 1.4rem; }
	p.credits { margin-bottom: 2rem; }
	p.bio-keynote { font-size:1rem; }
	.school { font-size:1.1rem;}
	ol { margin-top:2rem; }
	li.participants { font-size: 1.5rem;line-height: 1;margin-top:.6rem; }
	li.a8 { font-size:1.1rem; margin-left:1.9rem;margin-right:1.9rem; }
	.keynote-abstract { margin-top: 2rem; }
	.publishers { margin-bottom:3rem; }
	#footer { padding:1rem .6rem 2rem .6rem; }
	a.nav-schedule, a.nav-about { padding-left:1rem;padding-right:1rem; }
}