/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
html {
  font-size: 100%;
}
iframe {
  width: 100%;
  height: 550px;
  border-width: 0;
}
.modal-content {
  background-color: #000b14;
}
#mainnav.affix {
  background-color: #000b14;
  top:0;
  left:0;
  width:100%;
  z-index: 99;
  padding-top: 1em;
}
#mainnav.affix a{
  padding-top: 1.2em;
  font-size:.5em;

}
#mainnav.affix img{
  width:100%;
  left:auto;
  top:0.4em;
  padding-bottom: .3em;
  border-radius: 1em;
  background-color: #000b14;
}
body {
  background-color:#001324;
  color:#fff;
  font-size:1rem;
  font-family: 'Lato', sans-serif;
  line-height: 1.1em;
}
p {
  font-size:1em;
  line-height: 2em;
  margin-bottom: 3em;
}
h1,h2,h3,h4,h5,h6 {
  text-transform: uppercase;
  font-family: 'Arvo', serif;
  color:#c3a268;
  margin-top: 1em;
  margin-bottom:1em;
  line-height: 1.2em;
}
h1 {
  font-size:1em;
  font-family: 'Arvo', serif;
  margin:0 0 0.5em;
}
h2 {
  font-size:.9em;
}
h3 {
  font-size: .8em;
  font-family: 'Lato', sans-serif;
}
h4 {
  font-size:.7em;
}
h5 {
  font-size:.6em;
}
hr {
  border: none;
  background: no-repeat url(http://dev.ajaxunion.com/surge17/html/img/div.png) center;
  background-size: contain;
  margin: 1em;
  padding: .3em;
}
h3 a {
  font-size:inherit;
  color:inherit;
}
h3 a:hover {
  font-size:inherit;
  color:#fff;
}
img {
  max-width: 100%;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration:underline;
}
.gold {
  color:#c3a268;
}
a.btn {
  text-transform: uppercase;
  white-space: normal;
  font-size:1em;
}
a.btn-primary{
  font-size: .6em;
  color: #c3a268;
  border: .1em solid #c3a268;
  border-radius: 0;
  background-color: transparent;
  line-height: 2.5em;

}
span.btn-wrap {
  background: no-repeat bottom center url("http://dev.ajaxunion.com/surge17/html/img/btn-border-bottom.png");
  background-size: contain;
  padding-bottom: 0.5em;
  background-size: 3.0em;
  margin-bottom:1em;
  display: block;
}
a {
  color: #fff;
}
a:hover {
  color:#c3a268;
  text-decoration: none;
}
a.btn-block {
  width:100%;
  display: block;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, a.btn-gold, a.btn:hover, a:active {
  color: #fff;
  background-color: #c3a268;
  border-color:#c3a268;
}
header nav a {
  display: block;
  background-size: contain;
  padding-bottom: 1.2em;
}
#splash > div > nav > ul:nth-child(3) > li:nth-child(3) > a {
  background: no-repeat bottom center url("http://dev.ajaxunion.com/surge17/html/img/link-border-bottom.png");
  color:#c3a268;
  background-size:5em;
  text-decoration: none;

}
.pull-none {
  float:none;
}
#logo {
  width: 180%;
  max-width: 200%;
  left: -40%;
  position: relative;
  top: -0.4em;
  height: auto;
}

#splash {
  margin-top:1em;
  padding:4em 2.7em;
  float: none;
  /* background-image: url(http://dev.ajaxunion.com/surge17/html/img/splash-border-left.png), url(http://dev.ajaxunion.com/surge17/html/img/splash-border-right.png), url(http://dev.ajaxunion.com/surge17/html/img/splash-border-top.png), url(http://dev.ajaxunion.com/surge17/html/img/splash-border-bottom.png);
  background-repeat: no-repeat;
  background-position: -0.087em center, 22.76em center, center top, center bottom;
  background-size: 1.89em 25.4em,1.89em 25.4em, 100% auto, 100% auto; */

}
#splash > div {
  padding:.5em 0.25em;
}
#splash h1, #splash p, #splash .row {

  margin-right: 0;
  margin-left: 0;
}
#splash h3 {
  font-family: 'Arvo', serif;
  font-size:1em;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7,
.col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding:0 0.25em;
}
#splash nav.row {
  padding: 0;
  font-size: 1.4em;
  line-height: .4em;
}

nav ul, nav li {
  display:inline;
  float:left;
  padding:0;
  margin:0;
}
#splash nav ul {
  margin-top:.5em;
}
#splash nav li a {
  font-size:0.4em
}

#about h2 {
  padding-bottom: 2.5em;
  background: no-repeat bottom center url(http://dev.ajaxunion.com/surge17/html/img/title-border-bottom.png);
  display: block;
  background-size: 4em;
  margin-top:2em
}

#about p {
  margin-bottom: 3em
}
#schedule {
  padding-bottom: 6.5%;
  padding-top: 23%;
  background-image: url(http://dev.ajaxunion.com/surge17/html/img/sch-bg-top.png),url(http://dev.ajaxunion.com/surge17/html/img/sch-bg-bottom.png);
  background-repeat: no-repeat;
  background-position: top center, bottom center;
  background-size: 80%, 100%;
}
.wrapper{
  background-color:#000b14;
}
#schedule h2 {
  display: block;
  padding: 1.5em;
  background-size: 6em;
}
#schedule h2 {
  background-image: url("http://dev.ajaxunion.com/surge17/html/img/title-bg-top.png"), url("http://dev.ajaxunion.com/surge17/html/img/title-bg-bottom.png");
  background-repeat: no-repeat;
  background-position: top center, bottom center;
}
#schedule h3 {
  font-size:0.53em;
  font-family: 'Arvo', sans-serif;
}
#schedule table {
  font-size: 0.8em;
  line-height: 4em;
  margin-bottom: 4em;
}
#schedule .wrapper {  min-height: 20em;}
#schedule tbody, #schedule tr{
  width: 100%;
  display: block;
}
#schedule td {
  width: 50%;
  display: inline-block;
  float: left;
}
#speakers h2 {
  background: no-repeat bottom center url(http://dev.ajaxunion.com/surge17/html/img/title-border-bottom-2.png);
  padding-bottom: 0.5em;
  background-size: 5.5em;
  margin-top:2.4em;
  margin-bottom:2em;
}
#speakers {
  margin-bottom: 2.4em;
}
#speakers h3 {
  font-size: 0.8em;
  margin-top: 2em;
}
#speakers h4,#speakers h5,#speakers p {
  font-size:0.8em;
  font-family:'Lato', sans-serif;
  color:#fff;
  line-height: 2;
  text-transform: none;
}
#sponsor .wrapper {
  background-image: url(http://dev.ajaxunion.com/surge17/html/img/sec-bg-top.png);
  background-repeat: repeat-x;
  background-position: top center ;
   background-size:12em;
   padding-top:1em;
   padding-bottom:1em;

}
#sponsor hr {
  background-image: url(http://dev.ajaxunion.com/surge17/html/img/div2.png);
  background-size: 1.5em;
  padding: .75em;
  margin: .5em;
}
#sponsor > div > div:nth-child(5),#sponsor > div > div:nth-child(6),#sponsor > div > img, #sponsor > section > div > div.col-xs-6.pull-none.clearfix.center-block {
  margin:1.2em auto;
}
#sponsor {
  background: no-repeat url(http://dev.ajaxunion.com/surge17/html/img/bg-burst.png);
  background-size: 15em;
  background-position: 14.9em bottom;
  padding-bottom: 4.6em;
}
#register {
  font-size: 1.8em;
  background: no-repeat url(http://dev.ajaxunion.com/surge17/html/img/title-bg-frame.png) top center;
  background-size: 11em;
  margin: 0;
  padding-top: 4.3em;
  padding-bottom: 1em;
  margin-bottom: 1.8em;
}
#directions {
  background: no-repeat center url(http://dev.ajaxunion.com/surge17/html/img/title-bg-frame-2.png);
  padding: 1.5em;
  background-size: 6em;
}
#location {
    margin-top: -3em;
    padding-bottom: 8em;
    /* background-image: url(http://dev.ajaxunion.com/surge17/html/img/sec-bg-bottom-2.png), url(http://dev.ajaxunion.com/surge17/html/img/sec-bg-side.png), url(http://dev.ajaxunion.com/surge17/html/img/sec-bg-side-2.png);
    background-position: center bottom, -2em 24em, 20.5em 26.2em;
    background-repeat: no-repeat; */
    margin-top: 1px;
}
#location {
  background-image: url(http://dev.ajaxunion.com/surge17/html/img/sec-bg-bottom-3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}
#location h3 {
  font-size: 0.8em;
}
#policy .wrapper {
  padding-bottom: 2em
}
footer {
  font-size: 0.4em;
  margin:1em 0;
}
body {
  background-image: url(http://dev.ajaxunion.com/surge17/html/img/bg-bottom.png), url("http://dev.ajaxunion.com/surge17/html/img/bg-top.png");;
  background-position: bottom center, top center;
  background-size:contain;
  background-repeat: no-repeat;

}

body nav.mobile {
  font-size: 0.647em;
    width: 100%;
    margin: 0;
    position: fixed;
    line-height: 2.4em;
    background: #c3a268;
    top: 0;
    z-index: 99;
}

#location > div > section > div {
  margin-bottom: 3em;
}
#speakers > div > a {
  font-size:.7em;
  margin-bottom:1em;
  line-height: 2.5em;
}
.fa-circle {
color: transparent;
border: 1px solid #fff;
border-radius: 50%;
}

@media (min-width:375px) {
  html {
    font-size:16px;
  }
}

@media (min-width:420px) {
  html {
    font-size:16px;
  }


}
@media (min-width:600px) {
  html {
    font-size:25px;
  }

  #splash nav.row{
    font-size: 0.8em;
  }

}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  html {
    font-size:30px;
  }
  #schedule {
    background-size:80%, 83%;
    padding-bottom: 5.3%;
  }
  p {
    font-size: 0.4em !important;
    line-height: 1.5em;
  }

  a.btn-primary {
    font-size:.28em;
  }

  #location {
    background-position: center bottom, -2em 4.6em, 100% 44%;
    padding-bottom: 10em;
}
#splash {
  padding:1.99em 2.7em 4em;
  background: no-repeat center url("http://dev.ajaxunion.com/surge17/html/img/bg-splash-2.png");
  background-size: 100% 100%;
  }
#splash h3 {
  font-size:.53em;
}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  html {
    font-size:35px;
  }

}
@media (min-width: 1024px) {
  html {
    font-size:40px;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  html {
    font-size:45px;
  }
  #page.container {
    max-width:29.73em;
    width: 97.5%;
  }
}
@media (min-width: 1370px) {
  html {
    font-size:50px;
  }
  #splash {
    padding: 1.4em 1.75em;
  }
  #page.container {
    max-width:95%;
  }
  #location {
    background-position: center bottom, -2em 4.6em, 100% 44%
}
}
@media (min-width:1800px){
    html {
  font-size:60px;
}
}
@media (min-width:2500px){
    html {
  font-size:65px;
}
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   text-decoration:underline;
}
#splash > div > div:nth-child(5) > div > div > p {
  min-height:7.5em;
}
#schedule {
position:relative;
}
#policy{
position:relative;
}
#splash > div.col-xs-12.col-sm-10.center-block.pull-none > div:nth-child(5) > div > div {
  margin-bottom: 1em;
}
.fa-stack-2x {
  height: 1em;
  width: 1em !important;
}
.fa-stack-1x {
  line-height: 2em;
}

.sponsor-notice {
    text-align: center;
}

.sponsor-notice h2 {
    font-size: 36px;
    margin-bottom: 10px;
    color: red;
}
.sponsor-logos img {
display: inline-block;
vertical-align: middle;
margin: 0 15px;
}