html {font-size: 16px; }
body {font-family: "Montserrat", Helvetica, Arial, sans-serif; padding:0; margin:0; line-height: 1.6; background:url(images/bg.png); background-repeat: repeat-x; background-color: #000; line-height: 1.5; background-attachment: fixed;}  
a {color:#dec250;}
a:hover {color:#fff;}
p {padding:0 0 0px; color:#f9f1d0; line-height: 1.8;}
strong {color:#bfa437;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.uppercaps {text-transform: uppercase;}
.w100 {display: block; margin:0 auto; width:100%; padding:30px 0}
.row {padding-bottom:30px;}
.row .row {padding-bottom:0;}
.section {padding-top:50px ;padding-bottom:20px; min-height: 500px;}
.content {display: block; width:100%; min-height: 100vh;}
.valignmid {  display: flex; justify-content: center; align-itrems: center;}
.hide {display: none;}
.yellow {color:#dec250;}
.button {background-color: #dec250; display: block; width:fit-content; padding:10px 60px; margin:20px auto; color:#765c0a; text-decoration: none; font-weight: 800; font-size:2rem; border-radius: 50px; border: 2px solid #ffeb98;}
.button:hover {background-color: #765c0a; color:#dec250;}
.caps {text-transform: uppercase;}
.strike { text-decoration: line-through;}

/* H1-H4 */
h1 {font-size: 5rem; font-weight: 800; text-transform: uppercase; color:#dec250; display:block; width:fit-content; border-bottom:1px dotted #dec250; padding:10px 0; margin:20px auto 60px;}
h2 {font-size: 2.5rem; font-weight: 800; color:#f4dc7c; text-transform: uppercase;}
h3 {font-size: 2rem; font-weight: 600; color:#ffeea6; line-height: 1.4; padding:0 0 20px;}
h4 {font-size: 1.4rem; font-weight: 700; color:#ffeea6; padding:20px 0 10px 0;}
.h1bg {border-bottom:1px dotted #028090; border-top:1px dotted #028090; padding:0;}
.h1bg .row {padding:0;}
.h1img {display: block; margin:0 auto; width:100%; height: auto; margin:0;}
.section {margin:40px auto;}
.rowspace10 {display: block; height: 10px;}
.rowspace20 {display: block; height: 200px;}
.label {color:#93823a; text-transform: uppercase; font-weight:800; letter-spacing: 1px; border-bottom:1px solid #5d4d10; width: fit-content; margin:0 0 10px; padding:2px 0px; font-size:1rem;}
sup {font-size:.5rem; position: relative; top:-1rem;}
li {color:#f9f1d0; padding-bottom:10px;}

/* HEADER */
#header { margin:0px auto 50px; min-height: 0; padding: 20px 0 0 0;}
.row {padding:0 !important}
#navlogo {width:auto; width: 80%; height: auto; margin:55px auto 20px; display: block; mix-blend-mode: screen; max-width: 600px;}
#eventlogo {width:auto;width: 98%; height: auto;margin:40px auto 20px; display: block; mix-blend-mode: screen;}
/* NAV */
.navcontainer {width:98%; margin:0 auto; display: block; max-width: 1320px; position:fixed; left: 50%;
    transform: translate(-50%, 0); z-index: 200; }
.navbar-toggler {margin:10px; color:#dec250;}
#navmain {font-size: 0.9rem; font-weight: 700; text-transform: uppercase;  border-radius: 100px;  padding: 0; border: 1px solid #f9e699; background-color: rgba(0,0,0,0.85) !important  }
#navbarSupportedContent {}
#navmain .nav-item {color:#dec250; padding:10px 20px; text-align: center;} 
#navmain .nav-item:hover {color:#fff; cursor: pointer;} 
#header h3 {font-weight: 600; color:#f4dc7c;  padding:0px 0 0px 10px; }
.small {font-size:0.84em; font-weight: 400;}

.headerinfo {display:flex; align-content: baseline;}
.borderright {padding-right:40px; border-right:1px dotted #5d4d10}
.paddingleft {padding-left:20px;}

/* ABOUT */
#about h3 {font-size:1.5rem;}
.buttonleft {margin:20px 0 !important;}
/* SPEAKERS */
.speaker .row {display:flex; border:1px dotted #765c0a; background-color: #000; border-radius: 10px; margin-bottom:40px; width:99%; align-content:baseline; position: relative;}
.speaker {display:flex;}
.speakerpic {border-radius: 100%; margin:10px auto 20px; width:100%; border:#dec250 2px solid;}
.speakername {font-size:1.4rem; display: block; margin:20px auto 0; font-weight: 400; color:#dec250;  line-height: 1.2;}
.speakertitle {font-size:0.9rem; display: block; margin:4px auto 0; font-weight: 500;  color:#8f7305; line-height: 1.2; font-style: italic;}
.speakercompany {font-size:1rem; display: block; margin:2px auto 20px; font-weight: 600; color:#c2a52e;  line-height: 1.1;}
.speakerlogo {display: none; width:250px; height: auto; mix-blend-mode: darken;}
.speakerbio {width:98%; display: none; margin:5px auto 20px; text-align: left; font-size:1rem; font-weight: 400; color:#f9f1d0; line-height: 1.6; }
.bioviewbutton {background:#403202; color:#ae8c04; width:98%; display: block; margin:10px auto 10px; border-radius: 10px; font-size:0.8rem; text-transform: uppercase; font-weight: 600;}
.bioviewbutton:hover  {background:#8d6d03; cursor: pointer;}
.bioview {position: absolute; height: 40px; bottom:-20px;}

/* AGENDA */
#agendatable {color:#f9f1d0; font-weight: 300; display: block; margin:0 auto;}
#agendatable ul {color:#f9f1d0; padding:10px 0 0 20px;}
#agendatable li {padding:0 0 2px;}
#agendatable strong {font-weight: 600;}
#agendatable td {border-bottom:1px solid #5d4d10; padding:20px 0; font-size:1rem; line-height: 1.6;}

/* REGISTER */
.ticketprices {padding-top:20px;}
.ticketprices h4 {padding:10px 0; margin:0 auto; color:#f9f1d0; font-weight: 600;}
.vipinclude  {border:1px dotted #765c0a; padding:10px 0 5px; margin:10px auto 20px; border-radius: 10px;}
.vipinclude h3 {color:#caad3e; padding:0 0 10px 0; font-weight: 700; font-size:1.4rem;}
.photolist {margin-top:10px;}

/* SPONSORS */
.rowflex {display: flex; width:98%; margin:0 auto;}
.rowflex .col-md-6 {display:flex; }
.sponsoropportunities {border:1px dotted #765c0a; margin-bottom:20px; width: 99%; border-radius: 10px; }
.sponsoropportunities h4 {display: block; margin:0 auto 10px; text-align: center; width: 90%;}
.sponsoropportunities li {font-size:1rem; margin:0; padding:0 0 2px 0;}
#sponsorlogos {display: block; margin:0 auto; width:100%; height: auto; border:1px solid #dcbc3f; border-radius: 10px;}
.gem {display: inline-block; width:auto; height: 1rem; margin-right: 10px}

#contact .label {margin:0 auto 10px;}
#contact h2 {text-transform: none!important; padding-top:100px;}
#contact a {line-height: 2;}

/* FOOTERS */
#footer {background-color: #1a1302d9; margin:0 auto 0; padding:20px 0; font-size:0.7rem; font-weight: 500; color:#dec250; width:100%; border-top:1px solid #655619; text-align: center;}
#footer .nav-link {color:#dec250;}
.footercopyright {margin:0 0 0 20px;}


/* 1300 - 1400 */
@media only screen and (min-width: 1300px) and (max-width: 1400px) {
    h3 {font-size:1.8rem;}
}

/* 1200 - 1300 */
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    h3 {font-size:1.5rem;}
}

/* 1100 - 1200 */
@media only screen and (min-width: 1100px) and (max-width: 1200px) {
    h3 {font-size:1.5rem;}
}

/* 1000 - 1100 */
@media only screen and (min-width: 1000px) and (max-width: 1100px) {
    h3 {font-size:1.5rem;}
}

/* 900 - 1000 */
@media only screen and (min-width: 900px) and (max-width: 1000px) {
html {font-size:15px;}
.container {max-width: 95%;}
}

/* 800 - 900 */
@media only screen and (min-width: 800px) and (max-width: 900px) {
  html {font-size:15px;}
.container {max-width: 95%;}
 h3 {font-size:1.2rem;}

}

/* 768 - 800 */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  html {font-size:14px;}
.container {max-width: 95%;}
 h3 {font-size:1.2rem;}

}

/* 600 - 768 */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    html {font-size:14px;}
.container {max-width: 95%;}
 h3 {font-size:1.2rem;}
 #navmain {border-radius: 5px;}
 .aboutleft {text-align: center;}
 .label {text-align: center; margin:0 auto;}
 h2 {margin:20px auto; text-align: center;}
    .speakerpic {width: 40%;}
    .speaker .row {margin:0 auto 20px;}
  .speakername {margin:0 auto 10px; text-align: center; }
  .speakertitle {margin:0 auto 5px; text-align: center;}
  .speakercompany {margin:0 auto 10px; text-align: center; }
  .speaker .left {padding-bottom:20px}
  .container, .container-sm {max-width: 90%}
  #header h3 {border-left:none; text-align: center; border-top:1px dotted #5d4d10; width: fit-content; margin:20px auto; padding:5px 0;}
.buttonleft {margin:20px auto !important; display:block ;}
}

/* 500 - 600 */
@media only screen and (min-width: 500px) and (max-width: 600px) {
    html {font-size:14px;}
.container {max-width: 95%;}
h1 {font-size:3rem;}
 h3 {font-size:1.2rem;}
 #navmain {border-radius: 5px;}
 .aboutleft {text-align: center;}
 .label {text-align: center; margin:0 auto;}
 h2 {margin:20px auto; text-align: center; font-size:2rem;}
    .speakerpic {width: 40%;}
    .speaker .row {margin:0 auto 20px;}
  .speakername {margin:0 auto 10px; text-align: center; }
  .speakertitle {margin:0 auto 5px; text-align: center;}
  .speakercompany {margin:0 auto 10px; text-align: center; }
  .speaker .left {padding-bottom:20px}
  .container, .container-sm {max-width: 90%}
  #header h3 {border-left:none; text-align: center; border-top:1px dotted #5d4d10; width: fit-content; margin:20px auto; padding:5px 0;}
.buttonleft {margin:20px auto !important; display:block ;}
}

/* 0 - 500 */
@media only screen and (min-width: 0px) and (max-width: 500px) {
    html {font-size:12px;}
.container {max-width: 98%;}
#eventlogo {margin:60px auto 20px;}
h1 {font-size:3rem;}
 h3 {font-size:1.2rem;}
 #navmain {border-radius: 5px;}
 .aboutleft {text-align: center;}
 .label {text-align: center; margin:0 auto;}
 h2 {margin:20px auto; text-align: center; font-size:1.5rem;}
    .speakerpic {width: 40%;}
    .speaker .row {margin:0 auto 20px;}
  .speakername {margin:0 auto 10px; text-align: center; }
  .speakertitle {margin:0 auto 5px; text-align: center;}
  .speakercompany {margin:0 auto 10px; text-align: center; }
  .speaker .left {padding-bottom:20px}
  .container, .container-sm {max-width: 90%}
  #header h3 {border-left:none; text-align: center; border:none !important; padding:0; font-size:1.8rem}
.buttonleft {margin:20px auto !important; display:block ;}
.borderright {border:none; padding:0}
  .vipinclude ul {width: 95%;;}

}