* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  background-attachment: fixed;
  background-image: url('images/wand.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: 'Ubuntu';
  font-size: medium;
  padding-top: 50px;
}

nav.navbar {
  margin-bottom: 0;
}

nav .navbar-toggle {
  border: none;
  color: #7c2;
}

nav .navbar-toggle.collapsed {
  border: none;
  margin-top: 6px;
}

nav .navbar-toggle:focus,.navbar-toggle:hover {
  border: none;
  margin-top: 6px;
}

nav a {
  color: #333 !important;
}

.nav-button {
  background-color: #7c2 !important;
  border: solid 2px #fff !important;
  border-radius: 7px !important;
  color: #fff !important;
  padding: 7px !important;
  margin: 6px !important;
}

.abstract h2 {
  font-family: 'Lobster Two';
  font-size: 160%;
  margin-top: 0;
  margin-bottom: 30px;
}

.abstract p {
  font-size: 90%;
}

.dark {
  background: rgba(51, 51, 51, 0.9);
  color: #fff;
}

.light {
  background: rgba(255, 255, 255, 0.9);
  color: #333;
}

.gray {
  background: rgba(230, 230, 230, 0.5);
  color: #333;
}

.text {
  font-size: 120%;
  padding: 50px 80px;
}

.text-multicolumn {
  font-size: 110%;
  padding: 0 80px 50px 80px;
}

.text-multicolumn-person {
  font-size: 110%;
  padding: 50px 80px 50px 80px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-multicolumn {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-multicolumn-person {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.text-multicolumn-person a {
  color: #7c2;
}

.text-multicolumn-person h2 {
  font-family: 'Lobster Two';
  font-size: 155%;
  font-weight: 400;
}

.text-multicolumn-person .col-md-4 {
  padding-bottom: 50px;
}


.text-multicolumn strong {
  color: #7c2;
  font-size: 125%;
}

.text-multicolumn h2 {
  font-family: 'Lobster Two';
  font-size: 155%;
  font-weight: 400;
}

.text .address {
  text-align: center;
}

.text-teaser {
  font-size: 135%;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}

.text-column {
  padding-bottom: 20px;
  padding-top: 20px;
}

.text-column p {
  font-size: 80%;
  margin-bottom: 30px;
}

.text-column .contact {
  margin-top: -5px;
  text-align: center;
}

.text-column .contact h1 {
  font-size: 115%;
  margin-bottom: 35px;
  margin-top: 0;
}

.text-column .contact h2 {
  font-family: 'Lobster Two';
  font-size: 135%;
  margin-top: 10px;
}

.text a {
  color: #7c2;
}

.upside-down {
  transform: scaleY(-1);
}

.header {
  height: 700px;
  overflow: hidden;
  position: relative;
}

.header .content-bg {
  background-color: #000;
  height: 700px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0px;
  width: 100%;
}

.header .content {
  color: #fff;
  left: 0;
  padding-top: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 100%;
}

.header .content img {
  height: 210px;
}

.header .content h2 {
  font-size: 210%;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 40px;
}

.header .content h1 {
  font-size: 510%;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 25px;
}

.header .content p {
  font-size: 210%;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 50px;
}

.header video {
  min-height: 100%;
  min-width: 100%;
}

@media only screen and (max-width: 1024px) {
  .header {
    height: 650px;
  }

  .header .content h2 {
    font-size: 125%;
  }

  .header .content h1 {
    font-size: 325%;
  }

  .header .content p {
    font-size: 125%;
  }
}

.headline {
  font-family: 'Lobster Two';
  font-size: 250%;
  padding: 15px 25px 5px 25px;
  text-align: center;
}

.headline-image {
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .headline-image {
    margin-left: -21px;
  }
}

.organizers {
  background-color: #fff;
  border-top: solid 2px #333;
  padding-bottom: 23px;
  padding-top: 23px;
  text-align: center !important;
}

.organizers img {
  height: 70px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.introduction {
  margin-top: 50px;
  margin-bottom: 50px;
}

.introduction .photo-strip {
  text-align: center;
}

.videoframe {
  background-size: cover;
}

.videoframe .iframe-wrapper {
  background: transparent;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}

.videoframe .iframe-h {
  position: relative;
  padding-top: 56%;
}

.videoframe .iframe-h iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
}

.reasons {
  padding-bottom: 20px;
  padding-top: 15px;
  background-color: #fff;
}

.reasons-toggle-handle {
  text-align: center;
}

.reasons-toggle-handle img {
  height: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.reasons h1 {
  font-family: 'Lobster Two';
  font-size: 80px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .reasons h1 {
    font-size: 65px;
  }
}

.reasons h2 {
  font-size: 24px;
  margin-bottom: 40px;
  margin-top: 30px;
  text-align: left;
}

.reasons h2 strong {
  color: #7c2;
  font-family: 'Lobster Two';
  font-size: 200%;
  font-weight: 400;
}

.reasons p {
  font-size: 95%;
  margin-bottom: 30px;
  text-align: left;
}

.reasons a {
  color: #7c2;
}

.label {
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.label-english {
  background-color: #7c2;
}

.label-sold-out {
  background-color: #ccc;
}

.label-room {
  background-color: #333;
}

.label_sponsors {
  background-color: #999;
}

.agenda-text {
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  text-align: center;
}

.agenda-text a {
  color: #7c2;
}

.agenda-speaker-info {
  font-size: 85%;
}

.location {
  margin-bottom: 50px;
  margin-top: 50px;
}

.sponsors {
  margin-top: 50px;
  margin-bottom: 50px;
}

.sponsors h2 {
  font-family: 'Lobster Two'
}

.sponsors img {
  padding-bottom: 10px;
  padding-top: 10px;
}

.cube-bronze {
   background-color: #a56016;
   border: solid 3px #fff;
   color: #fff;
}

.cube-gold {
   background-color: #ffc704;
   border: solid 3px #fff;
   color: #fff;
}

.cube-silver {
   background-color: #a7a6a4;
   border: solid 3px #fff;
   color: #fff;
}

.sponsors .description {
   background-color: #333;
   color: #fff;
   font-family: 'Lobster Two';
   font-size: 175%;
   margin-top: 20px;
   opacity: 0.9;
   padding: 10px 10px;
   text-align: center;
}

form .panel-heading {
  font-family: 'Lobster Two';
  font-size: 125%;
}

form .note {
  color: #777;
  font-size: 75%;
  padding: 7px;
}

form .submit {
  text-align: center;
}

form .submit input {
  background-color: #7c2;
  border: none;
  border-radius: 0;
}

form .submit input:hover, form .submit input:focus {
  background-color: #5a0;
  border: none;
}

form .submit input[disabled], form .submit input[disabled]:hover, form .submit input[disabled]:focus {
  background-color: #ccc;
  color: #777;
  border: none;
}

.footer {
  background-color: #333;
  color: #fff;
  line-height: 165%;
  padding-bottom: 35px;
  padding-top: 35px;
}

.footer h1 {
  font-size: 225%;
  margin-bottom: 35px;
  text-align: center;
}

.footer .highlight {
  font-size: 125%;
  margin-bottom: 35px;
  margin-top: 35px;
  text-align: center;
}

.footer .highlight + .highlight {
  margin-top: -15px;
}

.footer a {
  color: #7c2;
}

.footer a:focus,a:hover {
  text-decoration: underline;
}