body {
	/*font-family: 'aglet-sans', sans-serif;*/
	font-family:'freight-neo-pro', sans-serif;
	font-weight: 300;
	background-color: #ddd;
	color:hsla(0, 0%, 10%,.94);
	margin:0;
}

#main {
	transition: margin-left .5s;
}
 
.navbar {
  overflow: hidden;
  background-color: transparent;
  position: fixed;
  bottom: 0;
  width: 100%;
  height:16%;
}

a.brand-logo {
	float:right;
	bottom:0;
	display: block;
	padding: 2.75%;
	color:hsla(0, 0%, 10%,.92);
	text-decoration: none;
	text-align: center;
}

a.brand-logo:hover {
	background-color:hsla(0, 100%, 60%,.96);
	color:#1a1a1a;
}

.sidenav a.closebtn {
	color:hsla(0, 0%, 10%,.92);
	position: absolute;
	bottom: 3%;
	right: 0;
	width:7%;
	padding:1.5% 2% 2.5% 2%;
	font-size:1.5rem;
	line-height: .8;
	font-weight:900;
	text-align:right;
	text-transform: uppercase;
	display: block;
}

.sidenav a.closebtn:hover {
	background-color:hsla(0, 100%, 60%,.96);
	color:hsla(0, 0%, 10%,.92);	
	font-size:1.5rem;
	line-height: .8;
	font-weight:900;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom:0;
  background-color: #e6e6e6;
  overflow-y: scroll;
  transition: 0.5s;
  padding-top: 3%;
}

.sidenav a {
  text-decoration: none;
  font-size: 1.2rem;
  font-weight:500;
  color: hsla(0, 0%, 10%,.92);
  display: block;
  transition: 0.3s;
  text-align: right;
  width:50%;
  margin-left:32%;
  margin-bottom:1rem;
}

.sidenav a:hover {
  color:hsla(0, 100%, 60%,.96);
  font-weight:600;
}

a.selected {
	text-decoration:underline;
	text-decoration-style:double;
}

a.pages {
	font-size:1rem;
	margin-bottom:0.5rem;
}

a.home {
	margin-top:1.5%;
}

strong {
	font-weight:600;
}

a {
	color:hsla(0, 0%, 85%,.85);
	font-weight:500;
	text-decoration:underline;
	text-decoration-style:double;
}

a:hover {
	color:hsla(0, 100%, 60%,.96);
}
	
a.name {
	font-weight:400;
	color:#d9d9d9;
}

a.name:hover {
	color:hsla(0, 100%, 60%,.96);
}

a.callout {
	color:#fff;
}

a.callout:hover {
	color:hsla(0, 100%, 60%,.96);
}

a.on-grey {
	color:hsla(0, 0%, 10%,.92);
}

a.on-grey:hover {
	color:hsla(0, 100%, 60%,.96);
}

.light-grey {
	color:hsla(0, 0%, 10%,.92);
	font-weight:500;
	text-decoration: none;
}

a.light-grey:hover {
	color:hsla(0, 100%, 60%,.96);
}

p {
	font-size:1.4rem;
	font-weight:300;
	line-height: 1.5;
	margin-bottom:3rem;
	margin-top:0;
}

p.funders {
	margin-bottom:.1rem;
	font-size:1.3rem;
}

p.resources {
	margin-bottom:2rem;
}

.credits {
	font-size:1.1rem;
	line-height:1.4;
	font-weight:300;
	margin-bottom:1.1rem;	
}

.img-credits {
	font-size:.85rem;
	line-height: 1.1rem;
	font-weight:200;
	max-width:90%;
	padding:1.1% 1.3% 1.3% 1.3%;
	margin-bottom:0;
}

.citation {
	font-size:1rem;
	font-weight:600;
	text-align: right;
}

p.bio {
	font-size:1.1rem;
	line-height: 1.5;
	color:hsla(0, 0%, 85%,.86);
	margin-bottom:2rem;
}

.schedule-content {
	font-size:1rem;
	line-height:1.5;
	font-weight:400;
	max-width:90%;
	margin-bottom:3rem;
}

h1 {
	font-size:4.8rem;
	line-height:.8;
	font-weight:700;
	text-align:right;
	text-transform: uppercase;
	margin-top:0;
}

h1.home {
	font-size:8rem;
	font-weight: 900;
}

h2 {
	font-size:2.8rem;
	font-weight:300;
	line-height:1.4;
	margin-bottom:3rem;
	margin-top:0;
}

h3 {
	font-size:2rem;
	font-weight:600;
	line-height: 1.4;
	margin-top:0;
	margin-bottom:3rem;
}

h4 {
	font-size:1.8rem;
	line-height:1.4;
	font-weight:300;
	margin-bottom:2.5rem;
	margin-top:0;
}

h5 {
	font-size:1.1rem;
	margin-top:0;
	margin-bottom:.5rem;
}

h6 {
	font-size:1.1rem;
	font-weight:200;
	text-transform: uppercase;
	letter-spacing:.02rem;
	margin-top:0;
}

.schedule {
	margin-bottom:1rem;
	max-width:90%;
}

.banner {
	background-image: url("../images/nance-homepage.jpg");
	background-position: center center;
	width:80%;
	padding:10%;
	height:100vh;
	color:hsla(0, 100%, 60%,.96);
	text-align:right;
}

.tab {
	width:10%;
	margin-left:85%;
	padding:2.5%;
	background-color:hsla(0, 100%, 60%,.96);
	text-align:center;
}

.full-block {
	background-color:hsla(13, 80%, 72%,.76);
	width:70%;
	float:left;
	padding:10% 15%;
}

.full-text {
	background-color:#f2f2f2;
	width:60%;
	float:left;
	margin-left:15%;
	padding:5% 7% 5% 5%;	
}

.full-slideshow {
	background-color:#e6e6e6;
	width:62%;
	float:left;
	margin-left:15%;
	margin-bottom:5%;
	padding:5% 5% 7% 5%;
}

.full-content {
	background-color:#ddd;
	width:50%;
	margin-left:15%;
	padding:5%;	
}

.full-artists {
	background-color:hsla(0, 0%, 10%,.98);
	color:hsla(0, 0%, 85%,.80);
	width:50%;
	float:left;
	margin-left:15%;
	padding:5%;	
}

.full-credits {
	background-color:#e6e6e6;
	width:45%;
	float:left;
	margin-left:15%;
	margin-bottom:5%;
	padding:5% 7% 5% 5%;	
}

.last {
	margin-bottom:10%;
}

.projects {
	font-size:1.5rem;
	line-height: 1.4;
	max-width:92%;
	color:hsla(0, 0%, 85%,.76);
}

.title-block {
	background-color:#ccc;
	width: 65%;
	padding: 8% 5% 5% 5%;
}

.schedule-block {
	background-color:#ccc;
	width: 85%;
	padding: 5%;
}

.text-block {
	width: 50%;
	padding: 5%;
}

.text-callout {
	background-color:#e6e6e6;
	width: 40%;
	padding:5% 6.5% 5% 5%;
}

.text-indent {
	background-color:#f2f2f2;
	width: 35%;
	padding:5% 6% 5% 5%;
}

.artist-name {
	float:left;
	background-color:hsla(0, 0%, 10%,.98);
	color:hsla(0, 0%, 85%,.9);
	width: 30%;
	padding: 5%;
	margin:5%;
}

.artist-block {
	float:left;
	background-color:hsla(0, 0%, 10%,.98);
	color:hsla(0, 0%, 85%,.9);
	width: 30%;
	padding: 5% 6% 5% 5%;
	margin:0% 5% 5% 50%;	
}

.img-block {
	width:80%;
	margin:5% 10%;
}

.img-portrait {
	width:40%;
	margin:5% 20%;
	float:left;
}

.text-portrait {
	width: 40%;
	margin:0% 5% 5% 22.5%;
	padding:5% 6% 5% 5%;
	float:left;
	background-color:#e6e6e6;
}

.left {
	margin-left:5%;
}

.img-half {
	width:60%;
	margin:5% 20%;
	float:left;
}

.img-credit {
	width:100%;
	background-color:#f2f2f2;
	float:left;
}

img {
	margin-bottom:-.32rem;
}

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

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides1, .mySlides2 {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Caption text */
.text {
  width:100%;
  background-color:#f2f2f2;
  font-size: 15px;
  position: absolute;
  text-align: left;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.bottom {
	float:left;
	background-color:#f2f2f2;
	width:81%;
	padding:5% 5% 6% 5%;
}

.contacts {
	width:32%;
	float:left;
}

.foot {
	color:#595959;
	font-size:1rem;
	font-weight:500;
	margin-bottom:0;
}


@media (max-width: 1025px) {
	.navbar { height:9rem; }
	a.brand-logo { margin: 2%; }
 	.sidenav a.closebtn { bottom:5%;right:5%;width:20%; }
 	.sidenav { padding-top:4%; }
 	.sidenav a { font-size:1.5rem;text-align:left;width:60%;margin-left:5%;margin-bottom:.9rem; }
 	a.pages { font-size:1.2rem;margin-bottom:.5rem; }
 	a.home { margin-top:1.5rem; }
 	.title-block { width: 75%;padding:10% 7% 7% 5%; }
 	.ari { margin-top:1rem; }
 	.bailey { margin-top:2rem; }
 	.text-callout { width:70%;padding:6% 7% 7% 5%; }
 	.text-indent { width:65%;padding:6% 7% 7% 5%; }
 	.full-text { width: 65%;padding:6% 7% 7% 5%;margin-left:10%;}
 	.full-slideshow { width: 67%;padding:6% 5% 7% 5%;margin-left:10%; }
	.full-content { width: 65%;padding:6% 7% 7% 5%;margin-left:10%; }
 	.full-credits { width: 60%;padding:6% 7% 7% 5%;margin-left:10%; }
 	.full-artists { width: 65%;padding:6% 7% 7% 5%;margin-left:10%; }
 	.artist-block { width: 65%;padding:6% 7% 7% 5%;margin-left:10%;margin-top:5%; }
 	.tab { width:30%;margin-left:65%;padding:3% 2.5%; }
 	.img-block { width:100%;margin:0; }
	.img-portrait { width:100%;margin:0; }
	.img-half { width:100%;margin:0; }
 	.text-portrait { width:70%;padding:6% 7% 7% 5%;margin:0; }
 	.artist-name { width: 65%;padding:6% 7% 7% 5%;margin-left:10%; }
 	.bottom { width:88%;padding:6% 7% 20% 5%; }
 	h1.langergraber { margin-top:1rem; }
 	h2 { font-size: 2.4rem; }
 	p.funders { font-size:1.2rem;line-height:1.3;margin-bottom:.5rem; }
	.schedule { max-width:100%; }
	.schedule-content { max-width:100%; }
}

@media (max-width: 905px) {
	.navbar { height:8rem; }
	a.brand-logo { margin: 2%; }
	.sidenav a { font-size:1.4rem;margin-bottom:.75rem; }
	a.pages { font-size:1.2rem;margin-bottom:.2rem; }
	a.home { margin-top: 1rem; }
	.title-block { padding-top:11%; }
	.ari { margin-top:2rem; }
	.bailey { margin-top:1rem; }
	.h-f { margin-top:1.5rem; }
}

@media (max-width: 540px) {
	.navbar { height:7rem; }
	a.brand-logo { margin: 2%; }
 	.sidenav a.closebtn { right: 20%;width:10%; }
 	.sidenav { padding-top:5%; }
 	.sidenav a { font-size:1.4rem;text-align:left;width:60%;margin-left:5%;margin-bottom:.75rem; }
	.full-block { width:90%;padding:10% 5%; }
	.full-text { width:90%;padding:10% 5%;margin:0; }
	.full-slideshow { width: 90%;padding:10% 5%;margin-left:0;margin-bottom:0; }
	.full-content { width:90%;padding:10% 5%;margin-left:0; }
	.full-credits { width: 90%;padding:10% 5%;margin:0; }
	.last { margin-bottom:0; }
	.title-block { width: 90%;padding:14% 5% 5% 5%; }
	.ari { margin-top:3rem; }
	.text-callout { width:89%;padding:10% 6% 5% 5%; }
	.text-indent { width:89%;padding:10% 6% 5% 5%; }
	.artist-name { width:89%;padding:10% 6% 5% 5%;margin:0; }
	.full-artists { width:89%;padding:10% 6% 5% 5%;margin:0; }
	.artist-block { width:89%;padding:10% 6% 5% 5%;margin:0; }
	.tab { width:40%;margin-left:55%;padding:3% 2.5%; }
	.left { margin-left:0; }
	.text-portrait { width:89%;padding:5% 6% 5% 5%;margin:0; }
	.img-credits { max-width:100%; padding:2.5% 2% 3% 2%; } 
	.bottom { width:90%;padding:10% 5% 25% 5%; }
	.contacts { width:90%;margin-bottom:10%; }
	p { font-size:1.2rem;margin-bottom:2.25rem; }
	p.credits { font-size:1rem; }
	.projects { max-width:100%;font-size:1.2rem;margin-bottom:2.25rem; }
	h1 { font-size:3rem;margin-bottom:2.25rem; }
	h1.home { font-size:4rem; }
	h1.langergraber { font-size:2.5rem; }
	h2 { font-size:1.8rem;line-height:1.3;margin-bottom:2.25rem; }
	h3 { font-size:1.4rem;margin-bottom:2.25rem; }
	h4 { font-size:1.3rem;margin-bottom:2.25rem; }
	h5 { margin-bottom:0.25rem; }
	h6 { margin-bottom:1.75rem; }
	a.pages { font-size:1.1rem;line-height:1.3; }
}

@media (max-width: 415px) {
	.navbar { height:6.5rem; }
	.sidenav a { width:75%; }
	.title-block { padding-top:20%; }
	.ari { margin-top:3.2rem; }
	.bailey { margin-top:4.2rem; }
	.h-f { margin-top:1rem; }
}
	
@media (max-width: 375px) {
	.navbar { height:6rem; }
	.title-block { padding-top:20%; }
	.ari { margin-top:3rem; }
}

@media (max-width: 360px) {
	.navbar { height:6rem; }
	.title-block { padding-top:20%; }
	.ari { margin-top:4.4rem; }
}

@media (max-width: 320px) {
	.sidenav a.closebtn { bottom:2%;right:22%; }
	.sidenav a { font-size:1.1rem; }
	a.pages { font-size:1rem; }
	.title-block { padding-top:22%; }
	.bailey { margin-top:5.2rem; }
	.h-f { margin-top:2.4rem; }
}