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


strong {
  font-weight: 600
}

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: #50347d
}

a:link,
a:visited {
  text-decoration: underline;
  color: inherit
}


a:link,
a:visited {
  text-decoration: underline;
  color: inherit
}


body>* {
  display: none;
}

body>header,
nav#site,
main {
  display: block
}


#event {
  display: none
}


/*header*/

body>header {
  background-color: rgb(80, 52, 125);
  padding-top: 2em;
  padding-bottom: 1em;
  background-image: url('../images/chrome/header-bg.svg');
  /*make SVG*/
  background-repeat: repeat-x;
  background-size: auto;
  background-position: 0 0;
  background-size: auto 20%
}

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

header h1 {
  font-size: 4em;
  font-size: 18vw;
  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.6em;
  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: 1em
}


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.8em;
  font-weight: 400;
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
  margin: 1em 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;

}

header form,
#speakers form {
  width: 80%;
  margin: 1em auto;
  padding: 1em 0;
  text-align: center
}


button,
a.register,
a.email {
  -webkit-appearance: none;
  appearance: none;
  padding: .7em 2em;
  color: rgb(36, 104, 190);
  font-size: .9em;
  background: #fff;
  text-decoration: none;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  width: 70%;
  margin: 1em auto;
  font-size: 1.2em;
}

a+button,
a.email {
  background: transparent;
  color: #fff;
  border: solid thin #fff;
  margin-left: 0
}

a.register:nth-of-type(2),
a:first-of-type+button {
  margin-left: 0;
}


/*page nav*/

nav.page {
  display: block;
  padding: .6em 4% .5em 4%;
  width: 92%;
  background-color: #50347d;
  z-index: 10;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

nav.page li {
  font-size: 1em;
  font-size: 3vw;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-right: 0;
  color: #fff;
}

/* nav.page li:first-child, nav.page li:nth-child(4) {
	display: none

} */

nav.page li {
  display: none
}

nav.page li:last-of-type {
  display: inline-block
}

nav.page li:nth-child(3),
nav.page li:nth-child(4),
nav.page li:nth-child(5),
nav.page li:nth-child(7) {
  display: inline-block
}


nav.page a:link,
nav.page a:visited {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  font-size: 1em;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  transition: .2s border
}

nav.page a:hover {
  border-bottom: 2px solid rgba(255, 255, 255, .9)
}


nav.page li:last-of-type a:link,
nav.page li:last-of-type a:visited {
  padding: .1em 1em .2em 1em;
  border-radius: 3px;
  font-size: 1.3em
}

nav.page li:last-of-type a:hover {
  background-color: rgba(140, 0, 0, .7)
}

/*need page navigation to be sticky*/


/*main*/

main {
  font-size: 1.1em;
  overflow: hidden
}

.part {
  padding-left: 4%;
  padding-right: 4%;
  overflow: hidden;
  clear: both
}

.part p,
.part ul {
  margin-bottom: 1em
}

/* overview */

#why-and-who {
  padding: 2em 4%
}

#why-and-who h2 {
  color: #50347d;
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
  font-size: 2.4em;
  font-weight: 600;
  line-height: 1;
  width: 92%;
  margin-bottom: 1em;
}

#why-and-who img {
  display: none
}

#why-and-who h3 {
  font-size: 1.8em;
  color: #50347d;
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
  margin-top: .4em;
  line-height: 1;
}

#why-and-who>p:first-of-type {
  width: 52%;
  padding-right: 6%;
  font-size: 1.25em;
  line-height: 1.2;
  float: left
}

#tldr {
  display: none
}



/*signup*/

#signup {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

#signup>img:first-of-type {
  width: 100%;
  margin-top: -95%;
  display: block;
}

#signup>h2:first-of-type {
  font-size: 2em;
  margin-top: 1em;
  font-weight: 600;
  line-height: 1.1
}

#signup>* {
  width: 100%;
  margin: 0 auto;
  font-weight: 200;
  text-align: left;
}

#signup form {
  margin: 2em auto
}

#signup>p,
#signup form {
  padding: 0 3%;
  line-height: 1.3;
  font-size: 1.3em
}

#signup label {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/*this mess is due to active campaigns inserted HTML*/

#signup form._inline-style ._form-content div input,
#signup form._inline-style ._form-content div button {
  width: 100%;
  padding: .6em 2.5%;
  font-size: .9em;
  margin-bottom: .5em
}

#signup form input:first-of-type {}

#signup form div.sign {
  text-align: left;
  margin-right: 0%;
  margin-top: .5em;
  width: 100%
}

#signup form p {}

#signup form button,
#signup form input[type="submit"] {

  -webkit-appearance: none;
  appearance: none;
  border: none;
  color: #fff;
  background-color: #205A95;
  font-size: .9em;
  font-weight: 600;
  padding: .5em .8em;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 86%;
  padding: .6em 2.5%;
  font-size: .9em;
  margin: 0 0 .5em 0
}

#signup form button:disabled,
#signup form input[type="submit"]:disabled {
  opacity: .4;
}

#signup a:link,
#signup a:visited {
  color: #8C0000
}

#signup form button:enabled {
  opacity: .9
}

#signup form button:enabled:hover {
  opacity: 1
}



/*speakers*/

#speakers {
  background-color: rgb(80, 52, 125);
  padding-top: 2em;
  padding-bottom: 1em;
  background-image: url('../images/chrome/header-bg.svg');
  /*make SVG*/
  background-repeat: repeat-x;
  background-size: auto;
  background-position: 0 0;
  background-size: 10%;
  width: 100%;
  font-size: 1.6em
}

#session-more {
  display: none
}


#speakers>h2,
#speakers>p {
  color: #fff;
  text-align: center;
}

#speakers h2 {
  font-size: 2em;
  margin-bottom: 1em;
  line-height: 1
}

#speakers>p {
  margin-bottom: 1em;
  font-size: .8em;
  line-height: 1.1;
  padding: 0 4%
}

#speakers>h4 {
  font-size: 1em;
  color: #fff;
  text-align: center;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  margin: 2.2em auto 1em auto;
  width: 80%
}

#speakers>p a:link,
#speakers>p a:visited {
  font-weight: 500;
  text-decoration: underline
}

#speakers>p:last-of-type {
  margin-bottom: 2.4em;
}

#speakers form {
  width: 70%;
  font-size: .8em
}

#speakers button,
#speakers a.register,
#speakers a.email {
  width: 70%;
  margin: .5em auto;
  display: inline-block;
  font-size: 1em
}

#speakers a {
  text-decoration: none
}

.speaker-hero {
  width: 90%;
  margin: 1em auto;
  background-color: #fff;
  padding: .5em 2%;
  background-image: url("../images/chrome/pale-balls-long.svg");
  background-repeat: repeat-x;
  background-position: 100% 120%;
  background-size: 18px;
}

.speaker-hero img {
  width: 40%;
  float: right;
  display: block;
  border-radius: 50%
}

.speaker-hero h3 {
  color: #50347d;
  font-style: italic;
  font-size: 1.6em;
  line-height: 1;
  text-align: left;
  width: 100%;
  margin: .3em auto .2em auto;
  background-image: url('../images/chrome/grey-wave.svg');
  background-position: left 100%;
  background-repeat: no-repeat;
  background-size: 60px auto;
  padding-bottom: .5em;

}

.speaker-hero h4 {
  color: #000;
  font-size: 1em;
  line-height: 1.1;
  text-align: left;
  width: 100%;
  margin: .3em auto .8em auto;
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
}


#long-speakers>p {
  color: #fff;
  line-height: 1.1;
  width: 92%;
  margin: 1em auto
}

.session:nth-of-type(1),
.session:nth-of-type(2),
.session:nth-of-type(3) {
  display: block;
  width: 33.33%;
  float: left;
}

.session {
  display: block;
  width: 20%;
  float: left;
  background-color: #50347d;
  cursor: pointer
}

.session.platform,
.session.platform.js {
  width: 16.66%;

}

.session:after {
  content: "+";
  position: absolute;
  right: 2%;
  bottom: 4%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 16px;
  font-size: 18px;
  font-weight: bold;
  font-family: helvetica;
  color: white;
  opacity: .9;
}

.session img {
  width: 100%
}

.session {
  position: relative;
}


.session .title {
  position: absolute;
  bottom: 15%;
  left: 5%;
  width: 95%;
  margin: 0 auto;
  font-size: 1em;
  font-size: 1.5vw;
  line-height: 1.5
}


.session:nth-of-type(1) .title,
.session:nth-of-type(2) .title,
.session:nth-of-type(3) .title {
  /* display: inline;*/
  font-size: 1.5em;
  font-size: 2.3vw;
  width: 85%;
}

.title span {
  background-color: #fff;
  color: #e50252;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  padding: 0 .2em
}

.session .name {
  display: inline-block;
  bottom: 4%;
  left: 5%;
  color: #fff;
  /* width: 85%; */
  margin: 0 auto;
  font-family: "Freight-Micro-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: .9em;
}

.session .name span {
  background-color: #000;
  padding: 0 2%
}

.session:nth-of-type(1) .name,
.session:nth-of-type(2) .name,
.session:nth-of-type(3) .name {
  display: inline;
  font-size: 1em;
  width: 85%;
}

#speakers #sessions+h2 {
  color: #fff;
  margin: 10.5em 0 1.5em 8%;
  width: 27%;
  line-height: 1;
  text-align: left;
  padding: 0;
  float: left
}

.speakers-more {
  color: #fff;
  width: 80%;
}

.description {
  opacity: 0;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity: .3s;
  transition: opacity .3s;
  background-color: rgba(0, 0, 0, .7);
  padding: 2%;
  z-index: 10;
  pointer-events: none;
}

.description.showing {
  opacity: 1;
  z-index: 10;
  pointer-events: all
}

.lightbox {
  background-color: #fff;
  overflow: visible;
  margin: 5% 15%;
  height: 80%;
  padding: 1%;
  position: relative
}

.previous,
.next {
  position: fixed;
  top: 44%;
  font-size: 3em;
  color: #fff;
  width: 3%
}

.previous {
  left: 11%
}

.next {
  left: 90%
}

.closebox {
  position: absolute;
  top: -2em;
  background-color: #fff;
  height: 2em;
  right: 2em;
  z-index: 12;
  padding: .2em 1em .2em 2em;
  text-transform: uppercase;
  font-variant: small-caps;
  color: #50347d;
  font-size: .9em;
  font-weight: 600;
  background-image: url('../images/chrome/cross.svg');
  background-position: 10% 35%;
  background-repeat: no-repeat;
  background-size: auto 40%;
  cursor: pointer
}


.description h4 {
  color: #e50252;
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.1;
  margin-bottom: .2em
}

.tags {
  display: none
}

.description p {
  margin-bottom: .3em
}

.speaker-details h4 span {
  display: block
}

.speaker-details h4 .speaker-role {
  font-size: .7em;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500
}

.abstract {
  width: 100%;
  margin: 1em 0;
}

.abstract p {
  font-size: .8em;
  line-height: 1.2
}

.abstract a:link,
.abstract a:visited {
  font-size: .9em;
  color: #50347d
}

.abstract strong {
  display: block;
  text-align: right
}

.bio {
  width: 38%;
  float: right;
  font-size: .9em;
}

.links li {
  display: inline-block;
  padding-right: 1.2em;
  margin-top: .5em
}

.links img {
  width: 1.2em
}

#long-speakers>h3 {
  color: #fff;
  line-height: 1.1;
  width: 92%;
  margin: 1em auto
}

#long-speakers>a:link,
#long-speakers>a:visited {
  display: block;
  text-decoration: none;
  color: #000
}

/*pricing*/


#register {
  display: block
}

#register {
  margin-top: 3.5em;
  font-size: .9em
}


#register h2 {
  font-size: 2.9em;
  line-height: .96
}



#register h3 {
  font-weight: 900;
  font-size: 1.7em;
  margin-bottom: .2em;
  font-family: "Freight-Micro-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#register p {
  line-height: 1.25
}



#register h4 {
  color: 67675 text-transform: uppercase;
  font-variant: small-caps;
  font-weight: 600
}




#register ul+ul+ul {
  margin-top: 2em
}

.more-info {
  font-weight: 100;
}

#register .current {
  font-size: 1.1em;
  font-weight: 600;
  color: #404040
}

#register .current strong {
  font-size: 1.2em
}

#register .price {
  font-size: 1.3em;
  font-weight: 500
}

#register .prices {
  color: #676767
}

#register li {
  margin: -.2em 0 0 0;
  padding: 0
}

#register tr:nth-of-type(5) td,
#register tr:last-of-type td {
  border: none
}

#register>table {
  display: none
}

#pricing-more {
  display: none
}

#pricing-brief {
  display: block;
  margin-bottom: 4em;
  font-size: 1.3em;
  padding-top: 3em
}

#pricing-brief h2 {
  color: #8D1A0E;
  margin-bottom: .4em;
  font-size: 2.4em
}

#pricing-brief h3 {
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
}

#pricing-brief h3:nth-of-type(1) {
  color: #dc982c
}

#pricing-brief h3:nth-of-type(2) {
  color: #5c5f71
}

#pricing-brief h3:nth-of-type(3) {
  color: #8D1A0E
}

#pricing-brief h4 {
  font-size: 1.2em;
  font-variant: normal
}

#pricing-brief a:link,
#pricing-brief a:visited {
  display: block;
  width: 70%;
  margin: 1.5em auto;
  text-decoration: none;
  text-align: center;
  color: #fff;
  padding: .5em 1em .5em 1em;
  border-radius: 3px;
  font-size: 1.1em;
}

#pricing-brief p:nth-of-type(1) a {
  background-color: #dc982c
}

#pricing-brief p:nth-of-type(2) a {
  background-color: #5c5f71
}

#pricing-brief p:nth-of-type(3) a {
  background-color: #8D1A0E
}



/*workshop*/

#workshops {
  display: block
}

#workshops {
  margin-top: 3em;
  padding-top: 3.5em
}


#workshops h2 {
  line-height: 1;
  font-size: 3em;
  margin-bottom: .5em
}

#workshops img {
  display: none
}

#workshops h3 {
  color: #0A6FB0;
  font-style: italic;
  font-size: 2.2em;
  line-height: 1.1;
  font-weight: 100
}

#workshops h4 {
  color: #000;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  margin: .4em auto
}

#workshops h3+h4 {
  margin-top: 0
}


#workshops p,
#workshops ul {
  font-size: 1.2em
}

#workshops h5 {
  color: #0A6FB0;
  font-size: 1.6em;
  line-height: 1.1;
  font-weight: 100
}

/*pricing more*/

#pricing-more {
  margin-top: 3em;
  overflow: hidden
}

#pricing-more>section {
  font-size: .9em;
  color: #676767
}

#pricing-more h2 {
  margin-left: 0;
  margin-right: 20px;
  padding-top: 20px;
  width: 30%;
  float: left;
  line-height: 1;
  font-size: 2.7em;
  font-size: 4vw;
  border-top: solid #e50252 4px;
  color: #e50252
}

#register .more-info {
  display: none
}

#pricing-teams,
#pricing-eofy {
  width: 32%;
  float: left;
  padding-top: 20px;
  border-top: solid #e50252 4px;
  margin-bottom: 3%
}

#pricing-eofy {
  margin-left: 3%;

}

#pricing-more h3 {
  font-family: "Freight-Micro-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.7em;
  color: #e50252;
  padding-bottom: 1em;
  font-weight: 900
}

#pricing-more li:before {
  content: '–'
}

#pricing-more li {
  line-height: 1.25;
  margin-bottom: 1em
}


#pricing-more strong {
  font-variant: small-caps;
  text-transform: uppercase;
  font-size: .9em;
  color: #e50252
}

/*venue*/

#venue {
  background-image: url('../images/chrome/venue.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #1d4fa8;
  padding: 3em 3%;
  margin: 0 auto;
  width: 94%
}


#venue>* {
  width: 92%;
  margin: 1em auto;
  color: #fff
}

#venue p {
  font-size: 1.3em;
}

#venue h3 {
  font-variant: small-caps;
  text-transform: uppercase;
  font-weight: 500;
  font-size: .75em;
  line-height: 1.1
}

#venue h3+p {
  margin-top: 0
}

.melbourne>.details>*,
.sydney>.details>* {
  display: none
}


.melbourne>.details>h2:first-of-type,
.sydney>.details>h2:first-of-type {
  display: block;
  font-size: 2em;
  color: #fff
}

.melbourne>.details>p:first-of-type,
.melbourne>.details>p:nth-of-type(2),
.sydney>.details>p:first-of-type,
.sydney>.details>p:nth-of-type(2) {
  display: block;
  font-size: 1em;
  color: #fff
}

/*about*/

#about {
  margin-top: 3em;
}

#aboutus {
  width: 60%;
  float: left
}

#johnallsopp {
  width: 38%;
  float: right;
  font-size: .9em
}

#johnallsopp h3 {
  font-variant: small-caps;
  text-transform: uppercase;
  font-size: .9em;
  color: #676767
}

#about img {
  display: none
}

/*partners*/

#partners h2 {
  font-size: 2.9em;
  color: #5c5f71
}

#partners h3 {
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

#our-partners h3,
#community-partners h3 {
  font-variant: small-caps;
  text-transform: uppercase;
  font-size: .9em;
  color: #676767;
  margin: 0 0 1.6em 0
}

#our-partners>section {
  margin-left: 5%
}

#our-partners img {
  width: 100%
}


#our-partners {
  width: 100%;
  margin-bottom: 2em
}

#partners img {
  width: 100%
}

#our-partners .major-partner {
  margin-bottom: 2em
}


#our-partners h3 {
  font-variant: small-caps;
  text-transform: uppercase;
  font-size: .9em;
  color: #676767;
  margin: 1.6em 0
}

#community-partners {
  overflow: auto;
  margin-bottom: 2em
}

.exhibitor {
  width: 40%;
  float: left;
}

.community-partner:nth-of-type(even) {
  margin-left: 15%
}


/*code of conduct*/

#code {
  background-color: #fff;
  color: #000;
  text-align: center;
  width: 80%;
  margin: 0 auto
}

#code h2 {
  color: #3872DC;
  font-size: 3em;
  line-height: 1;
  margin-top: 1em
}

/*footer*/

footer {
  font-size: 1.1em;
  color: #999;
  background-color: #202020;
  width: 84%;
  padding: 3em 8% 0 8%;
  overflow: hidden;
  display: block
}


footer>section {
  width: 66%;
  margin: 0 auto 2em auto
}


footer h3 {
  font-variant: small-caps;
  text-transform: uppercase;
  font-size: inherit;
  font-weight: 500;
  color: #999;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

footer>p {
  clear: both;
  width: 100%;
  margin-bottom: 2em;
  text-align: center
}

/*workshops*/


/*promise*/

#promise {
  padding: 2em 0;
  clear: both;
  background-color: #2b424e;
  /*darkaqua */
  overflow: hidden;
  color: #fff;
  margin-top: -1em
}

#promise #promise-details {
  width: 80%;
  margin: 1em auto
}

#promise blockquote {
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
  width: 80%;
  margin: 1em auto 0 auto;
  font-size: 2em;
  text-align: left;
  color: #fff;
  font-style: italic
}

#promise blockquote p {
  line-height: 1;
  margin-bottom: 0
}

#promise blockquote p:last-child {
  color: #fffefe;
  margin-top: 0
}

#promise blockquote cite {
  font-size: .5em;
  font-family: "freight-display-pro", Georgia, Helvetica, Arial, sans-serif;
  display: block;
  text-align: left;
  font-style: italic;
  margin-top: .3em
}

#promise-details ul {
  padding-left: 0;
}

#promise-details h3 {
  margin-top: 1em;
  font-style: normal;
  font-weight: 600;
  color: #fff;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#promise-details h2:first-of-type {
  margin-top: 0;
}

#promise-details p {
  font-size: 1.1em;
  margin-top: 1em
}

/*testimonials*/

/*testimonials*/

#testimonials {
  padding: 2em 8%;
  background-color: #3873db;
  /*midblue*/
  overflow: hidden;
  color: #fff
    /*color3*/
}

#testimonials h3 {
  display: none
}

.testimonial img {
  width: 25%;
  float: left;
  margin-bottom: 14%;
  margin-right: 5%;
  border-radius: 50%
}


.testimonial blockquote {
  font-size: 1em;
  color: #fff;
  margin-right: 2%;
  display: inline-block;
  font-weight: 600;
  line-height: 1.3;
  width: 66%
}

.testimonial p {
  font-size: .9em;
  font-weight: 300;
  line-height: 1.1;
  color: #fff;
  margin-top: .5em
}

.testimonial {
  width: 100%;
  margin: 0 auto;
  vertical-align: baseline;
  clear: both
}


/*last year*/

#last-year {
  display: none
}

/*about*/

/*about*/

#about {
  margin-top: 3em;
  margin: 0;
  overflow: hidden;
  background-color: #fff
}

#about h2 {
  font-family: "freight-display-pro", Georgia, Helvetica, Arial, sans-serif;
  color: #cf3000;
  /*burntorange*/
  font-size: 3em
}

#aboutus {
  width: 100%;
}

#aboutus p {
  font-size: 1.1em;
  margin-bottom: 1.5em;
}

#johnallsopp {
  width: 100%;
  font-size: 1em
}

#johnallsopp h3 {
  font-variant: small-caps;
  text-transform: uppercase;
  font-size: .9em;
  color: #676767
}

#johnallsopp img {
  width: 25%;
  float: right;
  margin: 0 0 5% 5%
}

/* individual speaker page stuff */

#speaker>header a {
  text-decoration: none
}

#speaker #session-details {
  width: 92%;
  padding: 1em 2%;
  margin: 0 auto;
  background-color: #fff;


}

#speaker #session-details h2 {
  display: none
}

#speaker #session-details img {
  display: block;
  float: right;
  width: 40%;
  margin-left: 1%;
  border-radius: 50%
}

#speaker #session-details h3 {
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
  color: #50347d;
  font-style: italic;
  font-size: 3em;
  line-height: 1.1;
  text-align: left;
  width: 100%;
  margin: .3em auto .2em auto;
  background-image: url('../images/chrome/grey-wave.svg');
  background-position: left 100%;
  background-repeat: no-repeat;
  background-size: 60px auto;
  padding-bottom: .5em;
}

#speaker #session-details h4 span {
  display: block
}

#speaker #session-details h4 {
  font-size: 1.6em;
  color: #000;
  text-align: left;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  margin-top: .4em;
  margin-bottom: 1em
}

#speaker #session-details h4 .speaker-role {
  font-size: .7em;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

#speaker #session-details p {
  font-size: 1.4em
}

#speaker #speaker-details h3 {
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
  color: #2B3D46;
  font-size: 2em;
  text-align: left;
  font-style: normal;
  margin: .5em auto .5em auto
}

#speaker #registration-details h3 {

  display: block;
  font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
  color: #940800;
  font-size: 2.6em;
  text-align: left;
  font-style: italic;
}

#registration-details a:link,
#registration-details a:visited {
  display: inline-block;
  color: #fff;
  background-color: #50347d;
  text-decoration: none;
  padding: .2em 5%;
  border-radius: 3px;
  font-weight: 500;
  width: 90%;
  text-align: center;
  transition: .2s background-color;
  margin-top: 1em
}


#about-event {
  margin-top: .5em;
  padding: 3em 4%;
  background-color: #2E424B;
  color: #fff;
  width: 92%
}

#about-event h3 {
  color: #fff;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.6em;

}

#about-event h2 {
  color: #fff;
  font-weight: 600;
  font-size: 2em;
  width: 100%;
  line-height: 1.1;
  margin-bottom: .4em
}

#about-event p {
  width: 100%;
  font-size: 1.2em;
  line-height: 1.25
}

#about-event p:last-of-type {
  margin-top: 2em;
  width: 100%
}

#about-event a:link,
#about-event a:visited {
  margin: 2.5em auto;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  border-radius: 3px;
  padding: .4em 1em;
  margin-right: 1.5em;
  transition: .2s background-color;
  display: block;
  width: 80%;
  margin: 1em auto
}

#about-event a:hover {
  background-color: rgba(255, 255, 255, .3)
}

#about-event a:first-of-type,
#about-event a:nth-of-type(2) {
  background-color: #fff;
  color: #2E424B;
  border: solid 2px #fff;
}

/*schedule*/

.schedule header {
  padding-bottom: 2em
}

.schedule main {
  margin-top: -2.5em
}

.day {
  overflow: hidden
}

#schedule {
  background-color: #311d53;
}

#schedule h2 {
  width: 100%;
  margin: .5em 15% 0 30%;
  font-size: 2.4em;
  color: #7ACEF9;
  padding-top: .5em
}

#schedule ul {
  color: #fff;
  width: 100%;
  margin: 0 15% 1em 30%;
}


#schedule img {
  border-radius: 50%
}

#schedule .session {
  width: 100%;
  padding: 1em 5%;
  color: #fff;
  background-image: url("../images/chrome/vertical-line.svg");
  background-repeat: repeat-y;
  background-position: 23.08%;
}

#schedule a:first-of-type .session {
  background-position: 23.08% 20px;
  background-repeat: no-repeat
}

#schedule a:last-of-type .session {
  background-position: 23.15% -500px;
  background-repeat: no-repeat
}


#schedule .session .time,
#schedule .session .image,
#schedule .session .details {
  display: inline-block;
  vertical-align: top
}

#schedule .session .time {
  width: 15%;
  text-align: right;
  font-size: .85em
}


#schedule .session .image {
  width: 10%;
  text-align: center;
}

#schedule .session .image img {
  width: 100%
}

#schedule .housekeeping {
  background-color: #321C53
}

#schedule .housekeeping .image img {
  width: 70%
}

#schedule .session .details {
  width: 60%
}

#schedule .session .details p {
  display: none
}

#schedule .session .details p:first-of-type {
  display: block
}

.session h3 {
  color: #7ACEF9;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  line-height: 1
}

.session h4 {
  color: #fff;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: .8em;
  line-height: 1.1
}


.housekeeping h4 {
  display: none
}

.session.content {
  background-color: #3b245d
}

.session .abstract {
  width: 100%;
  font-size: .8em;
  padding: 0;
  background-color: transparent
}

.session .name {
  font-weight: 600
}

.session .abstract p {
  font-size: 1em
}

/*get*/

#gets {
  background-color: #fff;
  background-image: url('../images/scroll1-cover.svg');
  background-size: 100%;
  background-position: 0% -45%;
  background-repeat: no-repeat;
}

#get {
  position: relative;
  overflow: hidden;
  background-color: #FFF1DE;
}

#get>img:first-of-type {
  width: 100%;
  margin-top: -95%;
  display: block;
}

#get>h2:first-of-type {
  color: #242E36;
  font-size: 2em;
  margin-top: 1em;
  font-weight: 600;
  line-height: 1.1
}

#get>* {
  width: 80%;
  margin: 0 auto;
  font-weight: 200;
  text-align: center;
}

#get form {
  margin: 2em auto
}

#get>p,
#get form {
  padding: 0 3%;
  line-height: 1.3;
  font-size: 1.3em
}

#get label {

  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

#get form input {
  width: 80%;
  padding: .6em 2.5%;
  font-size: .9em;
  margin-bottom: .5em
}

#get form input:first-of-type {}

#get form div.sign {
  text-align: right;
  margin-right: 0%;
  margin-top: .5em;
  width: 85%
}

#get form p {}

#get form button,
#get form input[type="submit"] {

  -webkit-appearance: none;
  appearance: none;
  border: none;
  color: #fff;
  background-color: #009A98;
  font-size: .9em;
  font-weight: 600;
  padding: .5em .8em;
  font-family: "Freight-Sans-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*summit*/

#summit {
  background-color: #13C2BB;
  color: #fff;
  padding-top: 2em;
  padding-bottom: 2em;
  background-image: url('../images/chrome/aqua-arrows-single.svg');
  background-repeat: no-repeat;
  background-size: auto 60%;
  background-position: 1% 50%
}

#summit h2,
#leaders h3 {
  color: #fff
}

#summit h2 {
  font-size: 2em
}


/* leaders */

#leaders {
  background-color: #1C8800;
  color: #fff;
  padding-top: 2em;
  padding-bottom: 2em;
  background-image: url('../images/chrome/opaque-dark-plusses.svg');
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: 1%;
}

#leaders h2,
#leaders h3 {
  color: #fff
}

#leaders h2 {
  font-size: 2em
}

#leaders h3 {
  font-size: 1.2em
}

#about-code-leaders {
  display: inline-block;
  width: 90%
}

#code-leaders-offer {
  display: inline-block;
  width: 30%;
  margin-left: 5%
}



/*speaking*/

#speaking {
  margin-top: 2em;
  font-size: 1.2em
}

/* win */

#win {
  margin-top: 2em
}

#win h2 {
  font-size: 1.8em
}

/* #win p:last-of-type {
	text-align: center
} */#respond {
  display: none;
}