body {
	font-size:1.75rem;
	background-color:white;
	line-height:1.4;
	background-color: rgba(220,220,220,1);
}

body.cyan {
	background-image:url(/images/BG_WT_cyan.svg);
}
body.magenta {
	background-image:url(/images/BG_WT_MAGENTA.svg);
}
body.orange {
	background-image:url(/images/BG_WT_ORANGE.svg);
}
body.svgish {
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:150%;
	background-position:50% -43rem;
}

@media (min-width:800px) {
	body.svgish {
		background-size:1200px;
	}
}


body.orange2 {
	background-image:url(/images/BG_WT_ORANGE3.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:1300px;
	background-position:50% -43rem;
}

body.lightblue {
	background-image:url(/images/BG_WT_LIGHTBLUE.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:1300px;
	background-position:50% -31rem;
}
body.lightblue.smaller {
	background-image:url(/images/BG_WT_LIGHTBLUE.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:1000px;
	background-position:50% -10rem;
}

body.crufty {
	background-image:url(/images/WT_WEB-PIECES_1_type.png), url(/images/WT_WEB-PIECES_1_cruft.png);
	background-repeat:no-repeat, repeat-y;
	background-attachment:fixed, scroll;
	background-size:1349px, 1349px;
	background-position:50% 0, 50% 0;
}


body.noncrufty {
	background-image:url(/images/WT_WEB-PIECES_1_type.png);
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-size: 1349px;
	background-position: 50% 0;
}

@media (min-width:1349px) {
	body.crufty, body.noncrufty {
		background-size:100%, 100%;
	}
} 

::selection {color:white; background-color:rgba(0,25,125,0.9);}
section {padding-top:4rem; margin-top:8rem;}
section:first-of-type {padding-top:0;}
#top section {margin-top:8rem;}

p, li {margin:0; margin-bottom:2.5rem;}
p em {font-family:"Soleil Italic", sans-serif; font-style:italic;}

.centered {text-align:center;}

a:hover { color:rgb(255, 72, 176); }
a {color:black; text-decoration:none; display:inline-block;}

a:after {
  /* pink bar under links */
   content: '';
   display: block;
   position: relative;
   height: 0;
   top:-0.2rem;
   left: 0;
   right: 0;
   border-bottom: solid 0.3rem rgb(255, 72, 176);
}

#about a:after {
	top:-1rem;
    border-bottom: solid 0.5rem rgb(255, 72, 176);
	z-index:-1;
}

h2, h3, h4, .inlineheading {letter-spacing:-.00625em;}
h1 {
	color:black;
	line-height:1;
	position:relative;
	margin-bottom:4rem;
	text-transform:uppercase;
	font-family:'soleil extra bold', sans-serif;
}
h2 {
	color:black;
	font-size:3rem;
	line-height:1;
	position:relative;
	margin-bottom:4rem;
	text-transform:uppercase;
	font-family:'soleil extra bold', sans-serif;
}
h3 {
  color:black;
  font-family:'soleil extra bold', sans-serif;
  text-transform: uppercase
}
h4 {
  color:black;
  font-family:'soleil extra bold', sans-serif;
  text-transform: uppercase
}

.inlineheading {
    color:black;
    /*text-transform: uppercase;*/
	font-family:'soleil extra bold', sans-serif;
}

/* Larger than tablet */
@media (min-width:890px) {
  h2 { font-size:3.5rem; margin-top:0.5rem;}
  h2 span.annotation {display:block;position:absolute;top:-2rem; font-size:2rem; text-transform:uppercase;}
}

#top h1 {
	margin-top:5.5rem;
	text-align:center;
	padding-bottom:1rem;
	margin-bottom:0;
	/*border-bottom:0.3rem solid black;*/
}

.jumpdown {padding:4.5rem 0 3.5rem;}
.jumpdown a {text-decoration:none;}



img.svg.lockup {margin-top:0; max-width:1040px; width:100%; }





#topContinued p:first-of-type {margin-top:.5rem;}


#about {
	text-align:center;
}

#topContinued { margin-top:0; font-family:"Soleil Bold" sans-serif;padding-top:3.5rem;line-height:1.4;}
#top .row:last-of-type p:last-of-type {margin-bottom:0;}

@media(min-width:500px){
	#topContinued .row { font-size:3rem;}
	#topContinued .row:first-of-type { font-size:3.5rem;}
	
	#about { line-height:4.7rem;}
	#about .oompf {	font-size:4.5rem;}
}

#aboutContainer { max-width:1000px; }

#nav { position:static;
  height:8rem;
  margin:0 auto;
  text-align:center;}
#nav ul {list-style-type: none; display: block; margin:0px; padding:0;}

#nav a { text-decoration:none; color:black;}
#nav a.current:after {
  /* bar under current nav item */
   content: '';
   display: block;
   position: relative;
   height: 0;
   top:-0.2rem;
   left: 0;
   right: 0;
   border-bottom: solid 0.3rem black;
}

#nav { font-weight:normal; text-transform:uppercase;}

/* Larger than mobile */
@media (min-width: 450px) {
	#nav { font-size:1.8rem;}
	
}

#nav a:after{ border:none;}

@media(min-width:450px){
	/*#nav {letter-spacing:0.1em;}*/
	#nav li {margin-left:1rem;}
}
#nav li {display:inline-block; margin:1rem 0 0 3%;}
#nav li:first-of-type {margin-left:0;}

#nav li:first-of-type {margin-left:0;}

/** keep nav fitting in window **/

#navContainer { width:100%; max-width:100%; padding:0; }
@media(min-width:450){
	#navContainer{padding:0 20;}
}

body.fixed-nav #navContainer {
  width:100%;
  max-width:100%;
  position:fixed; top:0;
  z-index:200;
/*  background-color:#0F0;
   transition:background-color 0.25s;*/
}

body.fixed-nav #nav {width:100%; margin:0 auto;}
body.fixed-nav #nav a { color:black; transition:color 0.5s;}
body.fixed-nav #top {margin-bottom:8rem;}



#backToTop {display:none;}
body.fixed-nav #backToTop {
  display:inline-block;
  position:fixed; 
  z-index:200;
  top:50%;
  right:0%;
  margin:auto;
  height:3rem;
}

#backToTop a {
	height:3rem;
	width:3rem;
	color:transparent;
	float:right;
	display:block;
	width:3rem;
	margin:0 1rem;
	background-image:url(../images/backToTop-cold.png);
	background-size:3rem auto;}
	
#backToTop a:hover { color:transparent; background-image:url(../images/backToTop-hot.png);}
#backToTop a:after {display:none;}




@media(min-width:550px){
	#events .five.columns:last-child {
		margin-top:19rem;
	}
}

#speakers {
	line-height:2.4rem;
}


#speakers .speakerbio h3 {
  margin-top:1rem; padding-top:1.5rem;
  border-top:0.3rem solid black;
}

#speakers  h3 {
  font-size:2.5rem;
  color:black;
  text-transform: uppercase
}
#speakers  h4 {
  font-size:2.025rem;
  color:black;
  margin-bottom:0;
}


#events {
	
}

.eventlist h3 {margin-bottom:0.5rem; line-height:1;}
.eventlist h4 {font-size:2.5rem;}

.eventname {  text-transform:uppercase;}

.eventlist>div {
  margin-bottom:4rem;
}
.eventlist img {
  width:250px;
}

.eventlist p {
	font-size:1.8rem;
}

.eventlist p:first-of-type {
  border-top:0.3rem solid black;
  margin-top:1rem; padding-top:1.5rem;
}

.eventlist h3 + p.date {
	margin-top:2rem;
}

.eventlist p.date {
    font-size:1.6rem;
    margin-bottom:0.5rem;
}

#location {
	/*font-size:1.5rem;*/
	min-height:100vh;
}

#artcenter_map {border:solid 0.3rem black; height:19rem; width:100%; margin-bottom:4rem}
#artcenter_map h4 {font-size:2.025rem}

.contactHead { color:black; font-size:1.4rem; margin-left:-8rem;}

#register { display:inline-block; font-size:1.4rem; padding:0.25rem 5rem; cursor:pointer; border:none; background:#FFF; margin-bottom:4rem; margin-top:4rem; text-align:center; text-transform:uppercase; letter-spacing:0.1em;}
#register:hover {  background:black; transition:background-color 0.5s;}

#register a { color:rgb(251, 35, 221); transition:color 0.5s; text-decoration:none;}

#register:hover a,
#register a:hover { color:black; transition:color 0.5s;}


@media (min-width: 450px) {
	#register {font-size:1.7rem; }
}



/* Larger than desktop */
@media (min-width: 1000px) {
		
}


#presentedby {display:none;}
 /* Larger than Desktop HD */
 @media (min-width: 1250px) {
	 #presentedby {
		 z-index:400;
		 transform:translateX(-50%) translateX(4rem) translateY(-50%) rotate(270deg);
		 -webkit-transform:translateX(-50%) translateX(4rem) translateY(-50%) rotate(270deg);
		 -ms-transform:translateX(-50%) translateX(4rem) translateY(-50%) rotate(270deg);
		 
		 transform-origin:50% 50%;
		 -webkit-transform-origin:50% 50%;
		 -ms-transform-origin:50% 50%;
		 
		 display:inline-block; float:left;
		 position:fixed;
		 left:0; top:50%; }
	 
	 #presentedby div { float:left; margin:0 2rem;}
	 #presentedby div .fa {letter-spacing:-.5em;}
	
 }