@font-face {font-family: NeueWorld;src: url("../fonts/CondensedRegular.otf") format("opentype");}
body {
    color: #000;
    background-color: #fff;
    font-size:24px;
    line-height:1.25;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    margin:0px;
}
h1, h2 {flex-grow: 0;font-family: NeueWorld;font-weight: normal;font-stretch: condensed;font-style: normal;line-height: 1.1;}
h1, h2, h3 {margin:0px;}
h1 {font-size:182px;color:#f00;margin-bottom:40px;}
h2 {font-size:94px;}
h3 {font-size:38px;}
.presents {margin:auto;text-align: center;margin-top:40px;}
a {color:#f95f1f;text-decoration: none;}
a:hover {color:#f95f1f;text-decoration: underline;}
.cta {background:#ff650f; padding: 20px 52px;border-radius: 40px;border: solid 1.5px #ff650f;}
.cta:hover {background:#fe6005;}
.container {max-width:1920px;margin: 0px auto;padding:0px;overflow-x: hidden;}
.partner {font-size:22px !important;display: inline-flex;align-items: center;margin-top:50px; font-family: "Inter", sans-serif !important;}
.grey_hr {background-color:#bbbbbb !important;max-width:1200px !important;margin:70px auto !important;height:1px !important;width:70% !important;}
#header {color:#fff;background: url(../img/header.png) no-repeat top; background-size: cover;text-align: center;padding-bottom:90px;aspect-ratio: 16 / 9;position:relative;}
#header .logos {padding-top:70px; margin:auto;}
#header .logos img {padding-left:40px; padding-right:40px;}
#header .choose {display:flex;justify-content:center;}
#header .headings {position:absolute;bottom:80px; margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;}
#header span {margin:0px 30px;}
#header a, #count a {color:#fff;text-decoration: none;}
#header .cta-fix {height:60px;}
#voting {background: #f8f8f8;padding:80px 20px;display: flex;flex-wrap: nowrap;justify-content: center;text-align: center;margin-bottom:100px;}
#voting div {padding-left:100px; padding-right:100px;}
#voting span {font-size: 32px;}
#voting .date {font-size:60px; color:#ff650f;}
#quotes {max-width:960px;margin:auto;}
#quotes img {padding:0px 24px;}
#quotes hr {width:130px;height:2px;background-color: #ff650f;margin-top:30px;}
#quotes p {max-width:400px;margin-top:40px;margin-bottom:0px;}
#quotes .left, #quotes .right {display:flex;align-items: top;margin:96px 0px;}
#quotes .right {flex-direction:row-reverse;text-align: right;}
#quotes .left hr {margin-left:0px;}
#quotes .right hr {margin-right:0px;}
#count {margin:auto;text-align: center;}
#count div {font-size:38px;}
#count .big {height:360px;margin-top:10px;font-family: NeueWorld;font-size: 462px;font-weight: normal;font-stretch: condensed;font-style: normal;line-height: 0.99;letter-spacing: -0.68px;color: #ff650f;}
#count .songs {margin-bottom:80px;}
#howto {margin:auto;text-align: center; background:#f8f8f8;margin-top:140px;padding:80px 0px 10px 0px;}
#howto .rules {display:flex;max-width:980px;margin:80px auto;}
#howto .rules div {max-width:300px;margin-left:20px;margin-right:20px;text-align: left;}
#howto .rules .explanation {font-size:16px;color:#444;font-weight:500;line-height: 1.38;}
#stars {overflow-x:auto;}
#stars {padding-top:120px;text-align:center;margin:0px auto;}
#stars img {margin:100px 0px;width:100%;height:auto;}
#stars div {display:flex;align-items: center;justify-content: center;font-family: NeueWorld;font-size:38px;font-weight:normal;}
#stars hr {width:50px;height:2px;background-color:#ff650f;margin-left:20px;margin-right:20px;}
#radio {padding-top:64px; background-color: #151515; 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 #f95f1f;float:left;}
#radio h3 {font-size: 42px;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;}
#radio h4 {font-size: 26px;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;text-align:left;}
#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;font-size:13px;font-weight:500;}

@media all and (max-width: 1500px) {
  h1 {font-size:152px;}
  h2 {font-size:76px;}
  #count .big {font-size:300px;height:240px;}
}

@media all and (max-width: 1024px) {
  #howto, #cookie {padding-left:20px;padding-right:20px;}
  body {font-size:20px;}
  h1 {font-size:120px;}
  h2 {font-size:60px;}
  #header span {margin:0px 16px;}
  #voting span {font-size:24px;}
  #voting .date {font-size:48px;}
  #quotes {max-width:840px;}
  #quotes .left, #quotes .right {margin:72px 0px;}
  #quotes img {height:200px;}
  #count div {font-size:28px;}
  #count .big {font-size:240px;height:200px;}
  #howto {margin-top:120px;padding-top:60px;}
  #howto .rules {margin:60px auto;}
  #stars {padding-top:0px;}
  #stars div {font-size:24px;}
  #stars hr {width:36px;}
  #radio h3 {font-size:32px;}
}
@media all and (max-width: 900px) {
  body {font-size:18px;}
  h1 {font-size:64px;margin-bottom:24px;}
  h2 {font-size:32px;}
  h3 {font-size:28px;}
  .cta {padding: 12px 46px;}
  .partner {font-size:12px !important;margin-top:30px;justify-content:center !important;}
  .partner img {width:120px !important;height:auto !important;}
  #header {background: url(../img/header-mobile.png) no-repeat top; background-size: cover;aspect-ratio: 17 / 29;bottom:0;}
  #header .choose {display:block;}
  #header .logos img {height:34px; width:auto;padding-left:12px; padding-right:12px;}
  #header .headings {bottom:50px;}
  #header .cta-fix {height:60px;}
  #voting {padding:40px 20px;}
  #voting div {padding-left:20px;padding-right:20px;}
  #voting span {font-size:16px;}
  #voting .date {font-size:28px;}
  #quotes {padding-left:40px; padding-right:40px;}
  #quotes img {height:100px;padding:0px;}
  #quotes .left img {padding-right:-30px;}
  #quotes .right img {padding-left:-30px;}
  #quotes hr {width:60px;}
  #quotes p {max-width:300px;}
  #count div {font-size:18px;}
  #count .big {font-size:200px; height:160px;}
  #count .songs {margin-bottom:50px;}
  #howto {margin-top:70px;padding-top:50px;}
  #howto .rules {display:block; margin:60px auto 40px auto;}
  #howto .rules div {max-width:100%;}
  #stars {overflow-x: auto;white-space: nowrap;}
  #stars {margin:50px auto;}
  #stars div {font-size: 24px;flex-wrap: nowrap;flex-direction: row;justify-content:flex-start;padding-left:20px; padding-right:20px;}
  #stars img {margin: 20px 0px;width: 750px;}
  #radio {margin-top:40px;padding:42px 20px 0px 20px;}
  #radio h3 {font-size:28px;}
    #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 h4 {text-align: left; padding-left:0px; padding-right:0px;}
  .desktop {display:none !important;}
  .mobile {display:flex;}
}

@media all and (min-width: 901px) {
#radio {margin-top:80px;}
.mobile {display:none;}
}