body {
font: 400 16px/1.5 "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
margin: 0;
padding: 0}


em {
	font-style: italic
}

h1, h2, h3, h4, h5 {
	font-family: "freight-big-pro", "Big Caslon",  Palatino, Georgia, serif;
	font-weight: 300
}

h1, h2, h3, h4, h5, h6 {
	color: #B73E19;
}


a:link, a:visited {
	text-decoration: none;
	color: #fff;
	display: block;
	background-color: transparent
}


body > * {
	display: none;
}


/*sections*/

/*header*/

body header {
background-color: #DB5F17;
padding-top: .1em;
padding-bottom:1em;
background-image: url('images/orange-balls.svg') /*, url('../images/chrome/orange-balls.svg')*/ ; /*make SVG*/
background-repeat: repeat-x;
background-size:  auto;
background-position: 0 0
}

header h1 {
color: #fff;
text-align: left;
line-height: 1;}

header h1 {
font-size: 4em;
margin-bottom: 1em;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
  margin: .6em auto .6em auto
}

header h1 span {
display: block}

#wd-event {
font-size: .2em}

#event-name {
	font-size: 1em;
	display: block;
	width: 100%;
	text-align: right;
	margin-top: -.1em
}

#event-year {
	font-size: .5em;
	display: block;
	text-transform: capitalize;
	text-align: right;
		width: 100%

}

.event-tag {
	font-family: "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
	font-size: .17em;
	padding-right: 36%;
	display: none
}


header h2 {
font-size: 1.2em;
color: #fff;
text-align: center;
font-family: "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
line-height: 1;

}

header h2 span{
display: block
}

header h2 .city {
	font-weight: 600
}

header h2 .dates {
	font-size: .8em
}

header h2 {
display: block;
margin-top: 0;
width: 49%;
float: left
}


header h2 strong {
font-weight: 900}

header h3 {
font-size: 1.3em;
color: #fff;
text-align: center;
font-family: "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
font-weight: 100;
line-height: 1.1;
}

header .tagline {
	color: #fff;
	width: 100%;
	font-size: 1.1em;
	font-weight: 400;
	font-family: "freight-big-pro", "Big Caslon",  Palatino, Georgia, serif;
	margin: 2em auto 2em auto;
	line-height: 1.1;
	text-align: center;
	width: 90%
	
}

header .conference-description {
	color: #fff;
	font-family: "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
	font-size: 1.2em;
	width: 90%;
	margin: 0 auto 1.4em auto;
	text-align: center
}

header img {
	width: 100% 
}

.conference-description + .conference-description {
	margin-top: 1.4em
}


header h3 {
font-size: 1.4em;
color: #fff;
text-align: center;
font-family: "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
line-height: 1;
margin-top: 2.2em
}

header h3 span{
	display: block
}

header h3 .city {
	font-weight: 600
}

header h3 .dates, header h3 .location, header h3 .venue {
	font-size: .8em
}

header h3 .venue {
	margin-top: 1em
}


header h4 {
	font-size: 1.6em;
	color: #fff;
	text-align: center;
	font-family: "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
	line-height: 1;
	margin-top: 2.2em;

}


strong {
	display: block;
	width: 90%;
	margin: 2em auto;
	padding: .5em 0;
	text-align: center;
	color: #fff;
	font-size: 1em;
	border-radius: .3em;
	border: solid 1px;
	background-color: rgba(255, 255, 255, .2)
}

strong:hover {
	background-color: rgba(255, 255, 255, .1)
}