@font-face {
font-family: NeueWorld;src: url("../fonts/CondensedRegular.otf") format("opentype");}
  
body {
    color: #fff;
    background-color: #000;
    font-size:18px;
    line-height:1.25;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    margin:0px;
}

h1, h2, h3, h4 {
  font-family: NeueWorld;
  color:#fff;
  font-weight: normal;
  font-stretch: condensed;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  margin-top:0px;
  margin-bottom:0px;
  line-height:0.98;
}

h1 {font-size: 110px;text-align:left;margin-top:24px;}
h2 {font-size: 40px;}
h3 {font-size: 32px;}
h4 {font-size: 26px;}
h5 {font-size:22px; font-weight: 600;margin-top:0px;margin-bottom:0px;}
a {color:#d8fd35;text-decoration: none;}
a:hover {color:#d8fd35;text-decoration: underline;}

.container {
  max-width:1800px;
  margin: 0px auto;
  padding:0px;
  overflow:hidden;
}

.people-container, .podcasts-container {display:flex;justify-content:center;}

.btn {
  color:#000;
  background-color:#d8fd35;
  padding:16px 32px; 
  border-radius:30px;
  margin-left:28px;
}

section {padding-left:150px; padding-right:150px;}

#header {
  background:url('../img/header.png'), #000;
  background-repeat: no-repeat;
  background-position: top right;
  background-size:contain;
}
#header span {font-size:24px;}
#header p {margin-top:20px; margin-bottom:60px;max-width:800px;font-size:22px;line-height: 1.41;letter-spacing: normal;max-width:800px;}
#header .logos {padding-top:102px;padding-bottom:90px;}
#header .logos img {padding-right:100px;}
#header .badge {
  padding:3px 6px;
  color:#000;
  background-color:#fff;
  font-size:12px;
  text-transform: uppercase;
  letter-spacing: 2.17px;
  }
#header .copyright {color:#e1d5be;font-size:12px;text-align:center;width:50%;float:right;margin-top:24px;}
#header .vote {padding-bottom:70px;}
#info {background-image: linear-gradient(to bottom, #000, #171b20 49%);padding-bottom:134px;}
#info .people {margin-top:86px;}
#info .event {margin-bottom:48px;}
#info .event h2 {text-align:left;color:#d8fd35;margin-top:12px;margin-bottom:12px;}
#info .event span {font-size:22px;}
#info .event a {font-size:22px;text-decoration:underline;}
#info .person {margin:32px;text-align: center;}
#info .person img {width:200px; height:auto;margin-bottom:24px;}
#info .person span {font-size:22px;font-weight:600;}
#info .sponsors {margin:auto; text-align:center;display: flex;align-content: center;justify-content: center;align-items: center;margin-top:50px;flex-wrap:wrap;}
#info .sponsors img {padding-left:15px; padding-right:15px;}
#podcasts {background: #171b20 49%;text-align: center;padding-bottom:74px;}
#podcasts h2 {margin-bottom:20px;}
#podcasts span {font-size:22px;}
#podcasts .podcasts-container {padding-top:64px;}
#podcasts .box {width:280px;height:328px;color:#000;background:#d8fd35;margin:30px;text-align: left;}
#podcasts .box h5, #podcasts .box span {padding-left:12px; padding-right:12px;}
#podcasts .box span {font-size: 10px; letter-spacing: 0.9px;font-weight: normal;text-transform: uppercase;}
#podcasts .box h5 {margin-top:16px; margin-bottom:8px;width:280px;}
#podcasts .upcoming {width:280px;height:328px;color:#d8fd35;background:#151515; border: solid 1px rgba(216, 253, 53, 0.3);display:flex;align-items: center; justify-content: center;}
#podcasts .upcoming h5 {width:280px; text-align: center;}


#radio {padding-top:88px; background-color: #000; margin-top:0px;max-width:100%;}
#radio .grid {text-align:left;max-width:1600px;padding-bottom:100px;display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding-left:25px; padding-right:25px; margin:auto; margin-top: 60px;}
#radio hr {width: 70px;border: solid 1px #d8fd35;float:left;}
#radio h3, #radio h4 {text-align:left;margin-top:24px;}
#radio p {font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;color: #bbbbbb;}
#radio div {padding:10px;}
#radio img {margin-top:12px;}
#cookie {max-width:100%; text-align: center;}
#cookie p {max-width:1000px;margin:40px auto;color:#fff;font-size:13px;}

.innuendo {width:100%; height:auto;}

@media all and (max-width: 1440px) {
  h1 {font-size:92px;}
  section {padding-left:80px; padding-right:80px;}
  #header p {font-size:20px;max-width:650px;}
  #header span {font-size:22px;}
  #info .event span, #info .event a {font-size:20px;}
  #header .logos img {padding-right:50px;}
}

@media all and (max-width: 1366px) {
  h1 {font-size:86px;}
}

@media all and (max-width: 1280px) {
  h1 {font-size:78px;}
  section {padding-left:50px; padding-right:50px;}
  #header p {max-width:550px;}
}

@media all and (max-width: 1024px) {
  #podcasts .box {margin-left:15px; margin-right:15px;}
}

@media all and (max-width: 900px) {
  body {font-size:16px;text-align: center;}
  section {padding-left:30px; padding-right:30px;}
  h1 {font-size:50px;text-align: center;margin-top:18px;}
  h2 {font-size:30px;}
  h5 {font-size:14px;}
  .desktop {display:none;}
  #header {
    background:url('../img/header-mobile.png');
    background-repeat:no-repeat;
    background-position: unset;
    background-position-x: left;
    background-position-y: 180px;
    background-size:contain;
  }
  #header .logos {padding-top:30px; padding-bottom:20px;}
  #header .logos img {height:40px; width:auto;padding-right:15px; padding-left:15px;}
  #header p {margin-top:320px;margin-bottom:0px;font-size:16px;}
  #header span {font-size:16px;}
  #header .vote {display:grid;}
  #header .btn {margin-left:0px;}
  #header a {margin-top:30px;}
  #header .copyright {font-size:12px;text-align:center;width:100%;float:unset;margin-top:20px;margin-bottom:26px;}
  #info .event span, #info .event a {font-size:14px;}
  #info .event h2 {text-align: center;font-size:24px;}
  #podcasts .podcasts-container {overflow:auto;}
  #radio {margin-top:0px;padding-top:42px;}
    #radio .grid {grid-template-columns: 100%;padding-left:0px;margin-top:10px;padding-bottom:40px;}
    #radio p {font-size:14px; line-height: 1.43;}
    #radio h3 {text-align: left; padding-left:0px; padding-right:0px;font-size:24px;margin-top:16px;}
    #radio h2 {text-align:left;}
    #info {padding-bottom:90px;}
    #info .event h2 {margin-top:10px; margin-bottom:2px;}
    #info .people {margin-top:54px;}
    #info .person {margin:12px;}
    #info .person img {width:72px;margin-bottom:4px;}
    #info .person span {font-size:14px;}
    #info .sponsors-text {width: 100%;margin-bottom: 10px;}
    #podcasts {padding-bottom:60px;}
    #podcasts, #podcasts h2 {text-align:left;}
    #podcasts span, #podcasts a {font-size:16px;}
    #podcasts .podcasts-container {padding-top:38px;justify-content: flex-start;margin-left:-24px; margin-right:-24px;}
    #podcasts .box {width:220px; height:243px;}
    #podcasts .box img {width:220px; height:auto;}
    #podcasts .upcoming h5 {width:220px; text-align: center;font-size:14px;}
    #podcasts .box {margin-left:12px; margin-right:12px;}
    #podcasts .box h5 {width:220px;margin-top:10px; margin-bottom:2px}
    #podcasts .box span {font-size:8px;}
    #podcasts .box h5, #podcasts .box span {padding-left:8px; padding-right:8px;}
}

@media all and (min-width: 901px) {
  .mobile {display:none;}
}