/*-------------------------------------------------*/
/* - Includes
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* - Fonts
/*-------------------------------------------------*/
@font-face {
  font-family: 'Caudex Bold Italic';
  src: url("../fonts/Caudex-BoldItalic.woff2") format("woff2"), url("../fonts/Caudex-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Caudex Bold';
  src: url("../fonts/Caudex-Bold.woff2") format("woff2"), url("../fonts/Caudex-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Caudex Italic';
  src: url("../fonts/Caudex-Italic.woff2") format("woff2"), url("../fonts/Caudex-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Caudex Regular';
  src: url("../fonts/Caudex-Regular.woff2") format("woff2"), url("../fonts/Caudex-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*-------------------------------------------------*/
/* - Variables
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* - Mixins
/*-------------------------------------------------*/
@media only screen and (min-width: 1025px) {
  /*-------------------------------------------------*/
  /* - General Code
/*-------------------------------------------------*/
  .mobile {
    display: none;
  }
  body {
    width: 100vw;
    overflow-x: hidden;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1920px) {
  .container-border-left {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    left: 0;
    background: #ffffff;
  }
  .container-border-right {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    right: 0;
    background: #ffffff;
  }
}

@media only screen and (min-width: 1025px) {
  /* - Typography
    /*---------------------------------------------*/
  h2 {
    font-family: "Caudex Regular";
    font-size: clamp(46px, 4.5vw, 80px);
    color: #ffffff;
  }
  h3 {
    font-family: "Caudex Regular";
    font-size: clamp(33px, 3.2vw, 57px);
    color: #ffffff;
  }
  h4 {
    font-family: "Caudex Italic";
    font-size: clamp(33px, 3.2vw, 57px);
    color: #ffffff;
  }
  p {
    font-family: "Caudex Regular";
    font-size: clamp(11px, 1.1vw, 20px);
    color: #ffffff;
    line-height: clamp(16px, 1.6vw, 26px);
  }
  span, a, li {
    font-family: "Caudex Regular";
    font-size: clamp(11px, 1.1vw, 18px);
    color: #ffffff;
    line-height: clamp(16px, 1.6vw, 26px);
  }
  .button {
    font-family: "Caudex Regular";
    font-size: clamp(10px, 1vw, 16px);
    color: #F15A29;
    padding: clamp(5px, 0.5vw, 8px) clamp(10px, 1vw, 16px);
    background: #ffffff;
    border-radius: 50vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: inline-block;
    margin-right: clamp(10px, 1vw, 16px);
  }
  /* - General Styling
    /*---------------------------------------------*/
  .grain-overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: color-burn;
  }
  .grain-overlay:after {
    content: "";
    position: fixed;
    height: 200%;
    width: 200%;
    background-image: url("../images/noise-filter.svg");
    background-repeat: repeat;
    top: -50%;
    left: -50%;
    -webkit-animation: grain 1s steps(3) infinite;
            animation: grain 1s steps(3) infinite;
  }
  @-webkit-keyframes grain {
    0%, 100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(-15%, 5%);
              transform: translate(-15%, 5%);
    }
  }
  @keyframes grain {
    0%, 100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(-15%, 5%);
              transform: translate(-15%, 5%);
    }
  }
  .gradient-bkg {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: -5;
    background: linear-gradient(300deg, #ee2a7b, #f15a29, #fbb040, #ff9400, #da1c5c);
    isolation: isolate;
    background-size: 400% 400%;
    -webkit-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
  }
  @-webkit-keyframes AnimationName {
    0% {
      background-position: 0% 5%;
    }
    50% {
      background-position: 100% 96%;
    }
    100% {
      background-position: 0% 5%;
    }
  }
  @keyframes AnimationName {
    0% {
      background-position: 0% 5%;
    }
    50% {
      background-position: 100% 96%;
    }
    100% {
      background-position: 0% 5%;
    }
  }
  .glow {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
            filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
  }
  .line-glow {
    -webkit-filter: drop-shadow(0px 0px 5px #ffffff);
            filter: drop-shadow(0px 0px 5px #ffffff);
  }
  .small-glow {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
            filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
  }
  .img-hover {
    -webkit-filter: saturate(0);
            filter: saturate(0);
    opacity: .5;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
  }
  .img-hover:hover {
    -webkit-filter: saturate(1);
            filter: saturate(1);
    opacity: 1;
  }
  /* - Spacing
    /*---------------------------------------------*/
  /* - Borders
    /*---------------------------------------------*/
  .border-top {
    position: absolute;
    height: 2px;
    width: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
  }
  .border-right {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    right: 0;
    background: #ffffff;
  }
  .border-bottom {
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #ffffff;
  }
  .border-left {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    left: 0;
    background: #ffffff;
  }
  /*-------------------------------------------------*/
  /* - Layout
/*-------------------------------------------------*/
  /* - Header
    /*---------------------------------------------*/
  .desktop {
    width: 100vw;
    overflow: hidden;
  }
  .header {
    position: fixed;
    height: auto;
    width: 100vw;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    z-index: 10;
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, #EE2A7B), to(#f2d649));
    background: linear-gradient(90deg, #EE2A7B 60%, #f2d649);
  }
  .header .nav-items {
    position: relative;
    height: 100%;
    width: 70%;
    padding: 0 0 0 2.5vw;
    margin: 1vw 0;
  }
  .header .nav-items .k-icon {
    position: absolute;
    height: auto;
    width: 4vw;
    top: calc(50% - 0.9vw);
  }
  .header .nav-items .k-icon img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .header .nav-items a {
    font-size: clamp(11px, 1.1vw, 22px);
    text-decoration: none;
    margin: 0 clamp(21px, 2.5vw, 40px) 0 0;
  }
  .header .nav-items a:first-of-type {
    margin: 0 clamp(21px, 2.5vw, 40px) 0 6.5vw;
  }
  .header .donate-button {
    position: relative;
    height: 100%;
    width: 30%;
    padding: 1vw 2.5vw 1vw 0;
  }
  .header .donate-button a {
    color: #EE2A7B;
    font-size: clamp(11px, 1.1vw, 22px);
    text-decoration: none;
    float: right;
  }
  /* - Container
    /*---------------------------------------------*/
  .container {
    position: relative;
    height: auto;
    width: 100vw;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 3.2vw;
  }
  .container .section-1 {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .container .section-1 .left {
    position: relative;
    height: auto;
    width: 33.3333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .container .section-1 .left .logo-block {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    padding: clamp(25px, 3vw, 48px) 0;
  }
  .container .section-1 .left .logo-block .radio-k-logo {
    position: relative;
    height: auto;
    width: 80%;
    padding-top: 42.5118%;
    margin-right: auto;
    margin-left: auto;
    z-index: 2;
  }
  .container .section-1 .left .logo-block .radio-k-logo img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .container .section-1 .left .logo-block .sun-blast {
    position: absolute;
    height: auto;
    width: 150%;
    padding: 150% 0 0 0;
    margin-top: -50%;
    top: 0;
    left: -25%;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(#EE2A7B 0%, #f15a29 50%, #ffe600 90%);
    -webkit-filter: blur(15px);
            filter: blur(15px);
    -webkit-animation: sunBlastPulse 20s infinite;
            animation: sunBlastPulse 20s infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  @-webkit-keyframes sunBlastPulse {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes sunBlastPulse {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .container .section-1 .left .now-playing {
    position: relative;
    height: auto;
    width: calc(100% - clamp(42px,5vw,80px));
    padding: clamp(29px, 3.5vw, 56px) clamp(21px, 2.5vw, 40px);
    z-index: 2;
  }
  .container .section-1 .left .now-playing .np-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .left .now-playing .np-heading h2 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-1 .left .now-playing .np-heading .nph-underline {
    position: relative;
    height: 2px;
    width: 100%;
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
    background: #ffffff;
  }
  .container .section-1 .left .now-playing .np-content {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .container .section-1 .left .now-playing .np-content .left {
    position: relative;
    height: auto;
    width: 50%;
  }
  .container .section-1 .left .now-playing .np-content .left li {
    line-height: clamp(16px, 1.6vw, 26px);
  }
  .container .section-1 .left .now-playing .np-content .left .song-name {
    font-family: 'Caudex Italic';
    max-width: 95%;
  }
  .container .section-1 .left .now-playing .np-content .left .album-lockup {
    padding: .2vw 0 0 0;
    padding: clamp(0, 0.2vw, 3px) 0 0 0;
    margin: 0 0 -.3vw 0;
  }
  .container .section-1 .left .now-playing .np-content .left .album-lockup .album-icon {
    position: relative;
    height: auto;
    width: clamp(12px, 1.2vw, 19px);
    padding-top: clamp(12px, 1.2vw, 19px);
    float: left;
  }
  .container .section-1 .left .now-playing .np-content .left .album-lockup .album-icon img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .container .section-1 .left .now-playing .np-content .left .album-lockup .album-name {
    font-family: 'Caudex Bold';
    line-height: 1.2vw;
    margin: 0 0 0 clamp(5px, 0.5vw, 10px);
    display: inline-block;
    -webkit-transform: translateY(-0.2vw);
            transform: translateY(-0.2vw);
  }
  .container .section-1 .left .now-playing .np-content .left .songlog {
    font-family: 'Caudex Italic';
    text-decoration: underline;
    cursor: pointer;
  }
  .container .section-1 .left .now-playing .np-content .right {
    position: relative;
    height: auto;
    width: 50%;
    text-align: right;
  }
  .container .section-1 .left .now-playing .np-content .right li {
    line-height: clamp(16px, 1.6vw, 26px);
  }
  .container .section-1 .left .now-playing .np-content .right .stream {
    font-family: 'Caudex Italic';
  }
  .container .section-1 .left .now-playing .np-content .right .stream span {
    text-decoration: underline;
  }
  .container .section-1 .left .now-playing .np-content .right .radio {
    font-family: 'Caudex Bold';
    margin: 0 0 clamp(-10px, -0.4vw, -8px) 0;
  }
  .container .section-1 .left .now-playing .np-content .right .radio span {
    font-size: clamp(6px, 0.6vw, 9px);
  }
  .container .section-1 .left .now-playing .np-content .right .social-icons {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .left .now-playing .np-content .right .social-icons a {
    position: relative;
    height: auto;
    width: clamp(11px, 1.2vw, 20px);
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .5vw;
    cursor: pointer;
  }
  .container .section-1 .left .now-playing .np-content .right .social-icons a img {
    height: 100%;
    vertical-align: middle;
  }
  .container .section-1 .left .now-playing .np-content .center-diamond {
    position: absolute;
    height: clamp(5px, 0.5vw, 10px);
    width: clamp(5px, 0.5vw, 10px);
    top: clamp(6px, 0.6vw, 10px);
    left: calc(50% - clamp(3px,.25vw,5px));
    background: #ffffff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .container .section-1 .left .hitlist {
    position: relative;
    height: auto;
    width: calc(100% - clamp(42px,5vw,80px));
    padding: clamp(29px, 3.5vw, 56px) clamp(21px, 2.5vw, 40px) clamp(25px, 3vw, 48px) clamp(21px, 2.5vw, 40px);
    z-index: 2;
  }
  .container .section-1 .left .hitlist .hl-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .left .hitlist .hl-heading h2 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-1 .left .hitlist .hl-heading .hl-underline {
    position: relative;
    height: 2px;
    width: 100%;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
    background: #ffffff;
  }
  .container .section-1 .left .hitlist .hl-content {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song .left {
    position: relative;
    height: auto;
    width: 7%;
    margin: 0 .4vw 0 0;
    text-align: right;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song .left span {
    font-family: 'Caudex Bold';
    display: inline-block;
    margin: clamp(14px, 1.7vw, 28px) 0 0 0;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song .right {
    position: relative;
    height: auto;
    width: calc(93% - .4vw);
  }
  .container .section-1 .left .hitlist .hl-content .hl-song .right span {
    display: inline-block;
    margin: 0 0 clamp(1px, 0.1vw, 2px) 0;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song:last-of-type {
    margin: 0;
  }
  .container .section-1 .left .wrs {
    position: relative;
    height: auto;
    width: calc(100% - clamp(42px,5vw,80px));
    padding: clamp(29px, 3.5vw, 56px) clamp(21px, 2.5vw, 40px) clamp(25px, 3vw, 48px) clamp(21px, 2.5vw, 40px);
    z-index: 2;
  }
  .container .section-1 .left .wrs .wrs-heading {
    position: relative;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
  }
  .container .section-1 .left .wrs .wrs-heading h3 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-1 .left .wrs .wrs-heading .wrs-underline {
    position: relative;
    height: 2px;
    width: 100%;
    background: #ffffff;
  }
  .container .section-1 .left .wrs .wrs-image {
    position: relative;
    height: auto;
    width: 70%;
    padding: 70% 0 0 0;
    margin: 0 0 clamp(-75px, -4vw, -100px) 7%;
  }
  .container .section-1 .left .wrs .wrs-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .container .section-1 .left .wrs .wrs-lockup {
    position: relative;
    height: auto;
    width: 100%;
    text-align: right;
  }
  .container .section-1 .left .wrs .more {
    position: absolute;
    bottom: clamp(29px, 3.5vw, 56px);
    left: clamp(21px, 2.5vw, 40px);
  }
  .container .section-1 .left .twitter {
    position: relative;
    height: auto;
    width: calc(100% - clamp(42px,5vw,80px));
    padding: clamp(21px, 2.5vw, 40px);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .container .section-1 .left .twitter .twitter-scroller {
    position: absolute;
    height: calc(100% - clamp(42px,5vw,80px));
    width: calc(100% - clamp(42px,5vw,80px));
    top: clamp(21px, 2.5vw, 40px);
    left: clamp(21px, 2.5vw, 40px);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .container .section-1 .left .twitter .twitter-scroller::-webkit-scrollbar {
    display: none;
  }
  .container .section-1 .left .twitter .twitter-scroller .twitter-wrapper {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right {
    position: relative;
    height: auto;
    width: 66.6666%;
  }
  .container .section-1 .right .featured-stories {
    position: relative;
    height: auto;
    width: calc(100% - clamp(42px,5vw,80px));
    padding: clamp(29px, 3.5vw, 56px) clamp(21px, 2.5vw, 40px) clamp(25px, 3vw, 48px) clamp(21px, 2.5vw, 40px);
    z-index: 2;
  }
  .container .section-1 .right .featured-stories .hero-lockup {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0 clamp(-48px, -3vw, -25px) 0;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left {
    position: relative;
    height: auto;
    width: 43.5%;
    margin: 0 1.5% 0 0;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(100% - 1vw);
    text-align: right;
    padding: 0 clamp(10px, 1vw, 16px) 0 0;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul li {
    line-height: clamp(16px, 1.6vw, 26px);
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul .event-name {
    font-family: 'Caudex Bold';
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul .presented {
    font-family: 'Caudex Italic';
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul .presenters {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul .dates sup {
    font-size: clamp(6px, 0.6vw, 9px);
    line-height: 0;
    vertical-align: super;
  }
  .container .section-1 .right .featured-stories .hero-lockup .right {
    position: relative;
    height: auto;
    width: 55%;
  }
  .container .section-1 .right .featured-stories .hero-lockup .right .featured-img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right .featured-stories .hero-lockup .right .featured-img img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right .featured-stories .fs-heading {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
  }
  .container .section-1 .right .featured-stories .fs-heading h2 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-1 .right .featured-stories .fs-heading .fs-underline {
    position: relative;
    height: 2px;
    width: 66.6666%;
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
    background: #ffffff;
  }
  .container .section-1 .right .featured-stories .fs-story {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container .section-1 .right .featured-stories .fs-story .left {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(25% - 2vw);
    margin: 0 clamp(17px, 2vw, 32px) 0 0;
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-story .right {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 75%;
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-1 .right .featured-stories .fs-story .right .fss-date {
    font-family: 'Caudex Bold';
    margin: 0 0 clamp(3px, 0.4vw, 6px) clamp(2px, 0.2vw, 3px);
    padding: 0 0 0 clamp(1px, 0.1vw, 2px);
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .container .section-1 .right .featured-stories .fs-story .right h4 {
    margin: 0 0 clamp(5px, 0.6vw, 10px) 0;
  }
  .container .section-1 .right .featured-stories .fs-story .right p {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
    padding: 0 0 0 clamp(2px, 0.2vw, 3px);
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(80% - .4vw);
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
    padding: 0 0 0 clamp(3px, 0.4vw, 6px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player div {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: 0 clamp(7px, 0.9vw, 14px) 0 0;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player div img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .play {
    position: relative;
    height: auto;
    width: clamp(6px, 0.8vw, 13px);
    -webkit-transform: translateY(clamp(1px, 0.1vw, 2px));
            transform: translateY(clamp(1px, 0.1vw, 2px));
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .timestamp {
    white-space: nowrap;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .timestamp span {
    line-height: clamp(9px, 1.1vw, 18px);
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .buffer-track {
    position: relative;
    height: clamp(2px, 0.25vw, 4px);
    width: 60%;
    border-radius: 50vw;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .buffer-track .progress {
    position: relative;
    height: 100%;
    width: 20%;
    border-radius: 50vw;
    background: #ffffff;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .volume {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: clamp(11px, 1.3vw, 21px);
    -webkit-transform: translateY(clamp(1px, 0.1vw, 2px));
            transform: translateY(clamp(1px, 0.1vw, 2px));
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .more {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: clamp(2px, 0.25vw, 4px);
    -webkit-transform: translateY(clamp(1px, 0.1vw, 2px));
            transform: translateY(clamp(1px, 0.1vw, 2px));
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-pagination {
    position: relative;
    height: auto;
    width: 100%;
    padding: 1vw 0 0 0;
  }
  .container .section-1 .right .featured-stories .fs-pagination ul {
    position: relative;
    height: auto;
    width: clamp(80px, 10vw, 160px);
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .container .section-1 .right .featured-stories .fs-pagination ul li {
    text-align: center;
  }
  .container .section-1 .right .featured-stories .fs-pagination ul li a {
    display: block;
    font-family: "Caudex Bold";
    font-size: clamp(11px, 1.1vw, 18px);
    color: #ffffff;
    line-height: clamp(8px, 1vw, 16px);
    text-decoration: none;
    margin: 0 0 clamp(3px, 0.3vw, 5px) 0;
  }
  .container .section-1 .right .featured-stories .fs-pagination ul li .diamond {
    position: relative;
    height: clamp(3px, 0.35vw, 6px);
    width: clamp(3px, 0.35vw, 6px);
    margin-right: auto;
    margin-left: auto;
    background: #ffffff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .container .section-1 .right .featured-stories .fs-pagination .next {
    font-family: 'Caudex Bold';
    display: block;
    position: absolute;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: 0;
    right: 0;
  }
  .container .section-1 .right .events {
    position: relative;
    height: auto;
    width: calc(100% - clamp(42px,5vw,80px));
    padding: clamp(29px, 3.5vw, 56px) clamp(21px, 2.5vw, 40px) clamp(17px, 2vw, 32px) clamp(21px, 2.5vw, 40px);
    z-index: 2;
  }
  .container .section-1 .right .events .e-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right .events .e-heading h2 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-1 .right .events .e-heading .e-underline {
    position: relative;
    height: 2px;
    width: 66.6666%;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
    background: #ffffff;
  }
  .container .section-1 .right .events .event {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
  }
  .container .section-1 .right .events .event .date-time {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 clamp(3px, 0.4vw, 6px) 0;
    padding: 0 0 0 clamp(2px, 0.2vw, 3px);
  }
  .container .section-1 .right .events .event .date-time span {
    margin: 0 clamp(8px, 1vw, 16px) 0 0;
    font-family: 'Caudex Italic';
  }
  .container .section-1 .right .events .event .date-time span:last-of-type {
    margin: 0;
    font-family: 'Caudex Regular';
  }
  .container .section-1 .right .events .event h4 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-1 .right .events .event .cio {
    font-family: 'Caudex Bold';
    display: block;
    position: absolute;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: 0;
    right: 0;
  }
  .container .section-1 .right .events .event:nth-of-type(7) {
    margin: 0 0 clamp(25px, 3vw, 48px) 0;
  }
  .container .section-1 .right .events .news-link {
    display: block;
    margin: 0 0 clamp(3px, 0.4vw, 6px) 0;
  }
  .container .section-1 .right .events .more {
    position: absolute;
    bottom: clamp(19px, 2.4vw, 38px);
    right: clamp(10px, 1.2vw, 19px);
  }
  .container .section-2 {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .container .section-2 .left {
    position: relative;
    height: auto;
    width: 66.6666%;
    padding: clamp(17px, 2vw, 32px) 0;
  }
  .container .section-2 .left .shows {
    position: relative;
    height: auto;
    width: calc(100% - clamp(42px,5vw,80px));
    padding: 0 clamp(21px, 2.5vw, 40px);
  }
  .container .section-2 .left .shows .s-heading {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
  }
  .container .section-2 .left .shows .s-heading h2 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-2 .left .shows .s-heading .s-underline {
    position: relative;
    height: 2px;
    width: 66.6666%;
    background: #ffffff;
  }
  .container .section-2 .left .shows .s-carousel {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .container .section-2 .left .shows .s-carousel .show {
    position: relative;
    height: auto;
    width: 33.3333%;
    text-align: center;
  }
  .container .section-2 .left .shows .s-carousel .show .show-image {
    position: relative;
    height: auto;
    width: calc(100% - clamp(21px,2.5vw,40px));
    padding: calc(100% - clamp(21px,2.5vw,40px)) 0 0 0;
    margin: 0 auto clamp(17px, 2vw, 32px) auto;
  }
  .container .section-2 .left .shows .s-carousel .show .show-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .container .section-2 .left .shows .s-carousel .show h3 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-2 .left .shows .s-carousel .show span {
    font-family: 'Caudex Italic';
    display: inline-block;
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
  }
  .container .section-2 .left .shows .s-pagination {
    position: relative;
    height: auto;
    width: 100%;
    padding: clamp(8px, 1vw, 16px) 0 0 0;
  }
  .container .section-2 .left .shows .s-pagination ul {
    position: relative;
    height: auto;
    width: clamp(48px, 6vw, 96px);
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .container .section-2 .left .shows .s-pagination ul li {
    text-align: center;
  }
  .container .section-2 .left .shows .s-pagination ul li a {
    display: block;
    font-family: "Caudex Bold";
    font-size: clamp(11px, 1.1vw, 18px);
    color: #ffffff;
    line-height: clamp(8px, 1vw, 16px);
    text-decoration: none;
    margin: 0 0 clamp(3px, 0.3vw, 5px) 0;
  }
  .container .section-2 .left .shows .s-pagination ul li .diamond {
    position: relative;
    height: clamp(3px, 0.35vw, 6px);
    width: clamp(3px, 0.35vw, 6px);
    margin-right: auto;
    margin-left: auto;
    background: #ffffff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .container .section-2 .left .shows .s-pagination .next {
    font-family: 'Caudex Bold';
    display: block;
    position: absolute;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: clamp(4px, 0.5vw, 8px);
    right: 0;
  }
  .container .section-2 .right {
    position: relative;
    height: auto;
    width: 33.3333%;
  }
  .container .section-2 .right .donate {
    position: relative;
    height: auto;
    width: calc(100% - clamp(42px,5vw,80px));
    padding: clamp(25px, 3vw, 48px) clamp(21px, 2.5vw, 40px) clamp(21px, 2.5vw, 40px) clamp(21px, 2.5vw, 40px);
  }
  .container .section-2 .right .donate .donate-gif {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 90%;
    margin: 0 0 clamp(-48px, -3vw, -24px) auto;
  }
  .container .section-2 .right .donate .donate-gif img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-2 .right .donate .donate-lockup {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
  }
  .container .section-2 .right .donate .donate-lockup h2 {
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-2 .right .donate .donate-lockup .d-underline {
    position: relative;
    height: 2px;
    width: 100%;
    background: #ffffff;
    margin: 0 0 clamp(7px, 0.9vw, 14px) 0;
  }
  .container .section-2 .right .donate .donate-lockup p {
    margin: 0 0 clamp(17px, 2vw, 32px) 0;
  }
  .container .section-2 .right .donate a {
    position: absolute;
    bottom: 0;
    left: clamp(21px, 2.5vw, 40px);
  }
  .footer {
    position: relative;
    height: auto;
    width: 100%;
    padding: 3vw 0 0 0;
    background: #231F20;
  }
  .footer .main-lockup {
    position: relative;
    height: auto;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-transform: translateX(2vw);
            transform: translateX(2vw);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: clamp(17px, 2vw, 32px);
  }
  .footer .main-lockup .left {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(35% - 2vw);
    margin-right: clamp(17px, 2vw, 32px);
  }
  .footer .main-lockup .left .radio-k-logo {
    position: relative;
    height: auto;
    width: 100%;
  }
  .footer .main-lockup .left .radio-k-logo img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .footer .main-lockup .right {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 65%;
  }
  .footer .main-lockup .right .desc {
    font-family: 'Caudex Italic';
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .footer .footer-underline {
    position: relative;
    height: 1px;
    width: 60%;
    background: #ffffff;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: clamp(17px, 2vw, 32px);
  }
  .footer .contact {
    font-family: 'Caudex Regular';
    text-align: center;
    margin-bottom: clamp(21px, 2.5vw, 40px);
  }
  .footer .images {
    position: relative;
    height: 4vw;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-bottom: clamp(21px, 2.5vw, 40px);
  }
  .footer .images img {
    position: relative;
    height: 100%;
    width: auto;
    margin-right: clamp(17px, 2vw, 32px);
  }
  .footer .images img:last-of-type {
    margin-right: 0;
  }
  .footer .legal {
    font-family: "Caudex Regular";
    font-size: 0.8vw;
    color: #ffffff;
    line-height: 1.2vw;
    text-align: center;
    width: 30%;
    margin-bottom: clamp(21px, 2.5vw, 40px);
    margin-right: auto;
    margin-left: auto;
  }
  .footer .legal a {
    text-decoration: underline;
    font-size: .8vw;
  }
  .footer .sponsor-lineup {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .sponsor-lineup img {
    width: 20%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /*-------------------------------------------------*/
  /* - General Code
/*-------------------------------------------------*/
  .mobile {
    display: none;
  }
  body {
    width: 100vw;
    overflow-x: hidden;
  }
  /* - Typography
/*---------------------------------------------*/
  h2 {
    font-family: "Caudex Regular";
    font-size: 4.5vw;
    color: #ffffff;
  }
  h3 {
    font-family: "Caudex Regular";
    font-size: 3.2vw;
    color: #ffffff;
  }
  h4 {
    font-family: "Caudex Italic";
    font-size: 3.2vw;
    color: #ffffff;
  }
  p {
    font-family: "Caudex Regular";
    font-size: 1.1vw;
    color: #ffffff;
    line-height: 1.6vw;
  }
  span, a, li {
    font-family: "Caudex Regular";
    font-size: 1.1vw;
    color: #ffffff;
    line-height: 1.6vw;
  }
  .button {
    font-family: "Caudex Regular";
    font-size: 1vw;
    color: #F15A29;
    padding: .5vw 1vw;
    background: #ffffff;
    border-radius: 50vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: inline-block;
    margin: 0 1vw 0 0;
  }
  /* - General Styling
/*---------------------------------------------*/
  .grain-overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: color-burn;
  }
  .grain-overlay:after {
    content: "";
    position: fixed;
    height: 200%;
    width: 200%;
    background-image: url("../images/noise-filter.svg");
    background-repeat: repeat;
    top: -50%;
    left: -50%;
    -webkit-animation: grain 1s steps(3) infinite;
            animation: grain 1s steps(3) infinite;
  }
  @-webkit-keyframes grain {
    0%, 100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(-15%, 5%);
              transform: translate(-15%, 5%);
    }
  }
  @keyframes grain {
    0%, 100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(-15%, 5%);
              transform: translate(-15%, 5%);
    }
  }
  .gradient-bkg {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: -5;
    background: linear-gradient(300deg, #ee2a7b, #f15a29, #fbb040, #ff9400, #da1c5c);
    isolation: isolate;
    background-size: 400% 400%;
    -webkit-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
  }
  @-webkit-keyframes AnimationName {
    0% {
      background-position: 0% 5%;
    }
    50% {
      background-position: 100% 96%;
    }
    100% {
      background-position: 0% 5%;
    }
  }
  @keyframes AnimationName {
    0% {
      background-position: 0% 5%;
    }
    50% {
      background-position: 100% 96%;
    }
    100% {
      background-position: 0% 5%;
    }
  }
  .glow {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
            filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
  }
  .line-glow {
    -webkit-filter: drop-shadow(0px 0px 5px #ffffff);
            filter: drop-shadow(0px 0px 5px #ffffff);
  }
  .small-glow {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
            filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
  }
  .img-hover {
    -webkit-filter: saturate(0);
            filter: saturate(0);
    opacity: .5;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
  }
  .img-hover:hover {
    -webkit-filter: saturate(1);
            filter: saturate(1);
    opacity: 1;
  }
  /* - Spacing
/*---------------------------------------------*/
  /* - Borders
/*---------------------------------------------*/
  .border-top {
    position: absolute;
    height: 2px;
    width: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
  }
  .border-right {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    right: 0;
    background: #ffffff;
  }
  .border-bottom {
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #ffffff;
  }
  .border-left {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    left: 0;
    background: #ffffff;
  }
  /*-------------------------------------------------*/
  /* - Layout
/*-------------------------------------------------*/
  /* - Header
/*---------------------------------------------*/
  .desktop {
    width: 100vw;
    overflow: hidden;
  }
  .header {
    position: fixed;
    height: auto;
    width: 100vw;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    z-index: 10;
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, #EE2A7B), to(#f2d649));
    background: linear-gradient(90deg, #EE2A7B 60%, #f2d649);
  }
  .header .nav-items {
    position: relative;
    height: 100%;
    width: 70%;
    padding: 0 0 0 2.5vw;
    margin: 1vw 0;
  }
  .header .nav-items .k-icon {
    position: absolute;
    height: auto;
    width: 4vw;
    top: calc(50% - 0.9vw);
  }
  .header .nav-items .k-icon img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .header .nav-items a {
    font-size: clamp(11px, 1.1vw, 22px);
    text-decoration: none;
    margin: 0 2.5vw 0 0;
  }
  .header .nav-items a:first-of-type {
    margin: 0 2.5vw 0 6.5vw;
  }
  .header .donate-button {
    position: relative;
    height: 100%;
    width: 30%;
    padding: 1vw 2.5vw 1vw 0;
  }
  .header .donate-button a {
    color: #EE2A7B;
    font-size: clamp(11px, 1.1vw, 22px);
    text-decoration: none;
    float: right;
  }
  /* - Container
/*---------------------------------------------*/
  .container {
    position: relative;
    height: auto;
    width: 100vw;
    padding-top: 3.2vw;
  }
  .container .section-1 {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .container .section-1 .left {
    position: relative;
    height: auto;
    width: 33.3333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .container .section-1 .left .logo-block {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    padding: 3vw 0;
  }
  .container .section-1 .left .logo-block .radio-k-logo {
    position: relative;
    height: auto;
    width: 80%;
    padding-top: 42.5118%;
    margin-right: auto;
    margin-left: auto;
    z-index: 2;
  }
  .container .section-1 .left .logo-block .radio-k-logo img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .container .section-1 .left .logo-block .sun-blast {
    position: absolute;
    height: auto;
    width: 150%;
    padding: 150% 0 0 0;
    margin-top: -50%;
    top: 0;
    left: -25%;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(#EE2A7B 0%, #f15a29 50%, #ffe600 90%);
    -webkit-filter: blur(15px);
            filter: blur(15px);
    -webkit-animation: sunBlastPulse 20s infinite;
            animation: sunBlastPulse 20s infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  @-webkit-keyframes sunBlastPulse {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes sunBlastPulse {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .container .section-1 .left .now-playing {
    position: relative;
    height: auto;
    width: calc(100% - 5vw);
    padding: 3.5vw 2.5vw;
    z-index: 2;
  }
  .container .section-1 .left .now-playing .np-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .left .now-playing .np-heading h2 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-1 .left .now-playing .np-heading .nph-underline {
    position: relative;
    height: 2px;
    width: 100%;
    margin: 0 0 0.9vw 0;
    background: #ffffff;
  }
  .container .section-1 .left .now-playing .np-content {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .container .section-1 .left .now-playing .np-content .left {
    position: relative;
    height: auto;
    width: 50%;
  }
  .container .section-1 .left .now-playing .np-content .left li {
    line-height: 1.6vw;
  }
  .container .section-1 .left .now-playing .np-content .left .song-name {
    font-family: 'Caudex Italic';
    max-width: 95%;
  }
  .container .section-1 .left .now-playing .np-content .left .album-lockup {
    padding: .2vw 0 0 0;
    margin: 0 0 -.3vw 0;
  }
  .container .section-1 .left .now-playing .np-content .left .album-lockup .album-icon {
    position: relative;
    height: auto;
    width: 1.2vw;
    padding-top: 1.2vw;
    float: left;
  }
  .container .section-1 .left .now-playing .np-content .left .album-lockup .album-icon img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .container .section-1 .left .now-playing .np-content .left .album-lockup .album-name {
    font-family: 'Caudex Bold';
    line-height: 1.2vw;
    margin: 0 0 0 .5vw;
    display: inline-block;
    -webkit-transform: translateY(-0.2vw);
            transform: translateY(-0.2vw);
  }
  .container .section-1 .left .now-playing .np-content .left .songlog {
    font-family: 'Caudex Italic';
    text-decoration: underline;
    cursor: pointer;
  }
  .container .section-1 .left .now-playing .np-content .right {
    position: relative;
    height: auto;
    width: 50%;
    text-align: right;
  }
  .container .section-1 .left .now-playing .np-content .right li {
    line-height: 1.6vw;
  }
  .container .section-1 .left .now-playing .np-content .right .stream {
    font-family: 'Caudex Italic';
  }
  .container .section-1 .left .now-playing .np-content .right .stream span {
    text-decoration: underline;
  }
  .container .section-1 .left .now-playing .np-content .right .radio {
    font-family: 'Caudex Bold';
    margin: 0 0 -.4vw 0;
  }
  .container .section-1 .left .now-playing .np-content .right .radio span {
    font-size: .6vw;
  }
  .container .section-1 .left .now-playing .np-content .right .social-icons {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .left .now-playing .np-content .right .social-icons a {
    position: relative;
    height: auto;
    width: 1.2vw;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .5vw;
    cursor: pointer;
  }
  .container .section-1 .left .now-playing .np-content .right .social-icons a img {
    height: 100%;
    vertical-align: middle;
  }
  .container .section-1 .left .now-playing .np-content .center-diamond {
    position: absolute;
    height: 0.5vw;
    width: 0.5vw;
    top: .6vw;
    left: calc(50% - .25vw);
    background: #ffffff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .container .section-1 .left .hitlist {
    position: relative;
    height: auto;
    width: calc(100% - 5vw);
    padding: 3.5vw 2.5vw 3vw 2.5vw;
    z-index: 2;
  }
  .container .section-1 .left .hitlist .hl-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .left .hitlist .hl-heading h2 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-1 .left .hitlist .hl-heading .hl-underline {
    position: relative;
    height: 2px;
    width: 100%;
    margin: 0 0 2vw 0;
    background: #ffffff;
  }
  .container .section-1 .left .hitlist .hl-content {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0 2vw 0;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song .left {
    position: relative;
    height: auto;
    width: 7%;
    margin: 0 .4vw 0 0;
    text-align: right;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song .left span {
    font-family: 'Caudex Bold';
    display: inline-block;
    margin: 1.7vw 0 0 0;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song .right {
    position: relative;
    height: auto;
    width: calc(93% - .4vw);
  }
  .container .section-1 .left .hitlist .hl-content .hl-song .right span {
    display: inline-block;
    margin: 0 0 .1vw 0;
  }
  .container .section-1 .left .hitlist .hl-content .hl-song:last-of-type {
    margin: 0;
  }
  .container .section-1 .left .wrs {
    position: relative;
    height: auto;
    width: calc(100% - 5vw);
    padding: 3.5vw 2.5vw 3vw 2.5vw;
    z-index: 2;
  }
  .container .section-1 .left .wrs .wrs-heading {
    position: relative;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 0 2vw 0;
  }
  .container .section-1 .left .wrs .wrs-heading h3 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-1 .left .wrs .wrs-heading .wrs-underline {
    position: relative;
    height: 2px;
    width: 100%;
    background: #ffffff;
  }
  .container .section-1 .left .wrs .wrs-image {
    position: relative;
    height: auto;
    width: 70%;
    padding: 70% 0 0 0;
    margin: 0 0 -4vw 7%;
  }
  .container .section-1 .left .wrs .wrs-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .container .section-1 .left .wrs .wrs-lockup {
    position: relative;
    height: auto;
    width: 100%;
    text-align: right;
  }
  .container .section-1 .left .wrs .more {
    position: absolute;
    bottom: 3.5vw;
    left: 2.5vw;
  }
  .container .section-1 .left .twitter {
    position: relative;
    height: auto;
    width: calc(100% - 5vw);
    padding: 2.5vw;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .container .section-1 .left .twitter .twitter-scroller {
    position: absolute;
    height: calc(100% - 5vw);
    width: calc(100% - 5vw);
    top: 2.5vw;
    left: 2.5vw;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .container .section-1 .left .twitter .twitter-scroller::-webkit-scrollbar {
    display: none;
  }
  .container .section-1 .left .twitter .twitter-scroller .twitter-wrapper {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right {
    position: relative;
    height: auto;
    width: 66.6666%;
  }
  .container .section-1 .right .featured-stories {
    position: relative;
    height: auto;
    width: calc(100% - 5vw);
    padding: 3.5vw 2.5vw 3vw 2.5vw;
    z-index: 2;
  }
  .container .section-1 .right .featured-stories .hero-lockup {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0 -3vw 0;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left {
    position: relative;
    height: auto;
    width: 43.5%;
    margin: 0 1.5% 0 0;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(100% - 1vw);
    text-align: right;
    padding: 0 1vw 0 0;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul li {
    line-height: 1.6vw;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul .event-name {
    font-family: 'Caudex Bold';
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul .presented {
    font-family: 'Caudex Italic';
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul .presenters {
    margin: 0 0 0.9vw 0;
  }
  .container .section-1 .right .featured-stories .hero-lockup .left ul .dates sup {
    font-size: .6vw;
    line-height: 0;
    vertical-align: super;
  }
  .container .section-1 .right .featured-stories .hero-lockup .right {
    position: relative;
    height: auto;
    width: 55%;
  }
  .container .section-1 .right .featured-stories .hero-lockup .right .featured-img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right .featured-stories .hero-lockup .right .featured-img img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right .featured-stories .fs-heading {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 2vw 0;
  }
  .container .section-1 .right .featured-stories .fs-heading h2 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-1 .right .featured-stories .fs-heading .fs-underline {
    position: relative;
    height: 2px;
    width: 66.6666%;
    margin: 0 0 0.9vw 0;
    background: #ffffff;
  }
  .container .section-1 .right .featured-stories .fs-story {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0 2vw 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container .section-1 .right .featured-stories .fs-story .left {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(25% - 2vw);
    margin: 0 2vw 0 0;
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-story .right {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 75%;
    margin: 0 0 0.9vw 0;
  }
  .container .section-1 .right .featured-stories .fs-story .right .fss-date {
    font-family: 'Caudex Bold';
    margin: 0 0 0.4vw clamp(2px, 0.2vw, 3px);
    padding: 0 0 0 .1vw;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .container .section-1 .right .featured-stories .fs-story .right h4 {
    margin: 0 0 .6vw 0;
  }
  .container .section-1 .right .featured-stories .fs-story .right p {
    margin: 0 0 0.9vw 0;
    padding: 0 0 0 .2vw;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(80% - .4vw);
    margin: 0 0 0.9vw 0;
    padding: 0 0 0 .4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player div {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: 0 .9vw 0 0;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player div img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .play {
    position: relative;
    height: auto;
    width: 0.8vw;
    -webkit-transform: translateY(0.1vw);
            transform: translateY(0.1vw);
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .timestamp {
    white-space: nowrap;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .timestamp span {
    line-height: 1.1vw;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .buffer-track {
    position: relative;
    height: 0.25vw;
    width: 60%;
    border-radius: 50vw;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .buffer-track .progress {
    position: relative;
    height: 100%;
    width: 20%;
    border-radius: 50vw;
    background: #ffffff;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .volume {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 1.3vw;
    -webkit-transform: translateY(0.1vw);
            transform: translateY(0.1vw);
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-story .right .audio-player .more {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 0.25vw;
    -webkit-transform: translateY(0.1vw);
            transform: translateY(0.1vw);
    cursor: pointer;
  }
  .container .section-1 .right .featured-stories .fs-pagination {
    position: relative;
    height: auto;
    width: 100%;
    padding: 1vw 0 0 0;
  }
  .container .section-1 .right .featured-stories .fs-pagination ul {
    position: relative;
    height: auto;
    width: 10vw;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .container .section-1 .right .featured-stories .fs-pagination ul li {
    text-align: center;
  }
  .container .section-1 .right .featured-stories .fs-pagination ul li a {
    display: block;
    font-family: "Caudex Bold";
    font-size: 1.1vw;
    color: #ffffff;
    line-height: 1vw;
    text-decoration: none;
    margin: 0 0 .3vw 0;
  }
  .container .section-1 .right .featured-stories .fs-pagination ul li .diamond {
    position: relative;
    height: 0.35vw;
    width: 0.35vw;
    margin-right: auto;
    margin-left: auto;
    background: #ffffff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .container .section-1 .right .featured-stories .fs-pagination .next {
    font-family: 'Caudex Bold';
    display: block;
    position: absolute;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: 0;
    right: 0;
  }
  .container .section-1 .right .events {
    position: relative;
    height: auto;
    width: calc(100% - 5vw);
    padding: 3.5vw 2.5vw 2vw 2.5vw;
    z-index: 2;
  }
  .container .section-1 .right .events .e-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-1 .right .events .e-heading h2 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-1 .right .events .e-heading .e-underline {
    position: relative;
    height: 2px;
    width: 66.6666%;
    margin: 0 0 2vw 0;
    background: #ffffff;
  }
  .container .section-1 .right .events .event {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 2vw 0;
  }
  .container .section-1 .right .events .event .date-time {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 .4vw 0;
    padding: 0 0 0 .2vw;
  }
  .container .section-1 .right .events .event .date-time span {
    margin: 0 1vw 0 0;
    font-family: 'Caudex Italic';
  }
  .container .section-1 .right .events .event .date-time span:last-of-type {
    margin: 0;
    font-family: 'Caudex Regular';
  }
  .container .section-1 .right .events .event h4 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-1 .right .events .event .cio {
    font-family: 'Caudex Bold';
    display: block;
    position: absolute;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: 0;
    right: 0;
  }
  .container .section-1 .right .events .event:nth-of-type(7) {
    margin: 0 0 3vw 0;
  }
  .container .section-1 .right .events .news-link {
    display: block;
    margin: 0 0 .4vw 0;
  }
  .container .section-1 .right .events .more {
    position: absolute;
    bottom: 2.4vw;
    right: 1.2vw;
  }
  .container .section-2 {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .container .section-2 .left {
    position: relative;
    height: auto;
    width: 66.6666%;
    padding: 2vw 0;
  }
  .container .section-2 .left .shows {
    position: relative;
    height: auto;
    width: calc(100% - 5vw);
    padding: 0 2.5vw;
  }
  .container .section-2 .left .shows .s-heading {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 2vw 0;
  }
  .container .section-2 .left .shows .s-heading h2 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-2 .left .shows .s-heading .s-underline {
    position: relative;
    height: 2px;
    width: 66.6666%;
    background: #ffffff;
  }
  .container .section-2 .left .shows .s-carousel {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .container .section-2 .left .shows .s-carousel .show {
    position: relative;
    height: auto;
    width: 33.3333%;
    text-align: center;
  }
  .container .section-2 .left .shows .s-carousel .show .show-image {
    position: relative;
    height: auto;
    width: calc(100% - clamp(21px,2.5vw,40px));
    padding: calc(100% - 2.5vw) 0 0 0;
    margin: 0 auto 2vw auto;
  }
  .container .section-2 .left .shows .s-carousel .show .show-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .container .section-2 .left .shows .s-carousel .show h3 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-2 .left .shows .s-carousel .show span {
    font-family: 'Caudex Italic';
    display: inline-block;
    margin: 0 0 2vw 0;
  }
  .container .section-2 .left .shows .s-pagination {
    position: relative;
    height: auto;
    width: 100%;
    padding: 1vw 0 0 0;
  }
  .container .section-2 .left .shows .s-pagination ul {
    position: relative;
    height: auto;
    width: 6vw;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .container .section-2 .left .shows .s-pagination ul li {
    text-align: center;
  }
  .container .section-2 .left .shows .s-pagination ul li a {
    display: block;
    font-family: "Caudex Bold";
    font-size: 1.1vw;
    color: #ffffff;
    line-height: 1vw;
    text-decoration: none;
    margin: 0 0 .3vw 0;
  }
  .container .section-2 .left .shows .s-pagination ul li .diamond {
    position: relative;
    height: 0.35vw;
    width: 0.35vw;
    margin-right: auto;
    margin-left: auto;
    background: #ffffff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .container .section-2 .left .shows .s-pagination .next {
    font-family: 'Caudex Bold';
    display: block;
    position: absolute;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: .5vw;
    right: 0;
  }
  .container .section-2 .right {
    position: relative;
    height: auto;
    width: 33.3333%;
  }
  .container .section-2 .right .donate {
    position: relative;
    height: auto;
    width: calc(100% - 5vw);
    padding: 3vw 2.5vw 2.5vw 2.5vw;
  }
  .container .section-2 .right .donate .donate-gif {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 90%;
    margin: 0 0 -3vw auto;
  }
  .container .section-2 .right .donate .donate-gif img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .container .section-2 .right .donate .donate-lockup {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
  }
  .container .section-2 .right .donate .donate-lockup h2 {
    margin: 0 0 0.9vw 0;
  }
  .container .section-2 .right .donate .donate-lockup .d-underline {
    position: relative;
    height: 2px;
    width: 100%;
    background: #ffffff;
    margin: 0 0 0.9vw 0;
  }
  .container .section-2 .right .donate .donate-lockup p {
    margin: 0 0 2vw 0;
  }
  .container .section-2 .right .donate a {
    position: absolute;
    bottom: 0;
    left: 2.5vw;
  }
  .footer {
    position: relative;
    height: auto;
    width: 100%;
    padding: 3vw 0 0 0;
    background: #231F20;
  }
  .footer .main-lockup {
    position: relative;
    height: auto;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-transform: translateX(2vw);
            transform: translateX(2vw);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2vw;
  }
  .footer .main-lockup .left {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(35% - 2vw);
    margin-right: 2vw;
  }
  .footer .main-lockup .left .radio-k-logo {
    position: relative;
    height: auto;
    width: 100%;
  }
  .footer .main-lockup .left .radio-k-logo img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .footer .main-lockup .right {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 65%;
  }
  .footer .main-lockup .right .desc {
    font-family: 'Caudex Italic';
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .footer .footer-underline {
    position: relative;
    height: 1px;
    width: 60%;
    background: #ffffff;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2vw;
  }
  .footer .contact {
    font-family: 'Caudex Regular';
    text-align: center;
    margin-bottom: 2.5vw;
  }
  .footer .images {
    position: relative;
    height: 4vw;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-bottom: 2.5vw;
  }
  .footer .images img {
    position: relative;
    height: 100%;
    width: auto;
    margin-right: 2vw;
  }
  .footer .images img:last-of-type {
    margin-right: 0;
  }
  .footer .legal {
    font-family: "Caudex Regular";
    font-size: 0.8vw;
    color: #ffffff;
    line-height: 1.2vw;
    text-align: center;
    width: 30%;
    margin-bottom: 2.5vw;
    margin-right: auto;
    margin-left: auto;
  }
  .footer .legal a {
    text-decoration: underline;
    font-size: .8vw;
  }
  .footer .sponsor-lineup {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .sponsor-lineup img {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  /*-------------------------------------------------*/
  /* - General Code
/*-------------------------------------------------*/
  html, body {
    position: absolute;
    width: 100vw;
  }
  .desktop {
    display: none;
  }
  /* - Typography
    /*---------------------------------------------*/
  h2 {
    font-family: "Caudex Regular";
    font-size: 17vw;
    color: #ffffff;
    line-height: 15vw;
  }
  h3 {
    font-family: "Caudex Regular";
    font-size: 10vw;
    color: #ffffff;
  }
  h4 {
    font-family: "Caudex Italic";
    font-size: 10vw;
    color: #ffffff;
  }
  p {
    font-family: "Caudex Regular";
    font-size: 3.8vw;
    color: #ffffff;
    line-height: 5vw;
  }
  span, a, li {
    font-family: "Caudex Regular";
    font-size: 3.8vw;
    color: #ffffff;
  }
  .button {
    position: relative;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-family: "Caudex Regular";
    font-size: 3vw;
    color: #F15A29;
    display: inline-block;
    text-decoration: none;
    padding: 2vw 5vw;
    background: #ffffff;
    border-radius: 10vw;
    z-index: 3;
    margin-right: 3vw;
  }
  /* - General Styling
    /*---------------------------------------------*/
  .grain-overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 1000;
    pointer-events: none;
    mix-blend-mode: color-burn;
  }
  .grain-overlay:after {
    content: "";
    position: fixed;
    height: 500%;
    width: 500%;
    background-image: url("../images/noise-filter.svg");
    background-repeat: repeat;
    top: -50%;
    left: -50%;
    -webkit-animation: grain 1s steps(3) infinite;
            animation: grain 1s steps(3) infinite;
  }
  @-webkit-keyframes grain {
    0%, 100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(-15%, 5%);
              transform: translate(-15%, 5%);
    }
  }
  @keyframes grain {
    0%, 100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(-15%, 5%);
              transform: translate(-15%, 5%);
    }
  }
  .gradient-bkg {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: -5;
    background: linear-gradient(300deg, #ee2a7b, #f15a29, #fbb040, #ff9400, #da1c5c);
    isolation: isolate;
    background-size: 400% 400%;
    -webkit-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
  }
  @-webkit-keyframes AnimationName {
    0% {
      background-position: 0% 5%;
    }
    50% {
      background-position: 100% 96%;
    }
    100% {
      background-position: 0% 5%;
    }
  }
  @keyframes AnimationName {
    0% {
      background-position: 0% 5%;
    }
    50% {
      background-position: 100% 96%;
    }
    100% {
      background-position: 0% 5%;
    }
  }
  .glow {
    -webkit-filter: drop-shadow(0px 0px 10px #ffffff);
            filter: drop-shadow(0px 0px 10px #ffffff);
  }
  .line-glow {
    -webkit-filter: drop-shadow(0px 0px 5px #ffffff);
            filter: drop-shadow(0px 0px 5px #ffffff);
  }
  .small-glow {
    -webkit-filter: drop-shadow(0px 0px 3px #ffffff);
            filter: drop-shadow(0px 0px 3px #ffffff);
  }
  .img {
    -webkit-filter: saturate(0);
            filter: saturate(0);
    opacity: .5;
  }
  /* - Spacing
    /*---------------------------------------------*/
  /* - Borders
    /*---------------------------------------------*/
  .border-top {
    position: absolute;
    height: 2px;
    width: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
  }
  .border-right {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    right: 0;
    background: #ffffff;
  }
  .border-bottom {
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #ffffff;
  }
  .border-left {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    left: 0;
    background: #ffffff;
  }
  /*-------------------------------------------------*/
  /* - Layout
/*-------------------------------------------------*/
  /* - Header
    /*---------------------------------------------*/
  .header {
    position: fixed;
    height: 100vh;
    width: 100vw;
    max-height: 18vw;
    overflow-y: hidden;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    z-index: 10;
  }
  .header .top-bar {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: calc(100% - 10vw);
    padding: 6vw 5vw 5vw 5vw;
    margin: 0 0 5vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header .top-bar .logo {
    position: relative;
    height: auto;
    width: 18vw;
  }
  .header .top-bar .logo img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .header .top-bar .hamburger {
    position: relative;
    height: 6.75vw;
    width: 10vw;
  }
  .header .top-bar .hamburger div {
    position: absolute;
    height: 2px;
    width: 100%;
    top: calc(50% - 1px);
    left: 0;
    background: #ffffff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: 0.3s ease all;
            transform: 0.3s ease all;
  }
  .header .top-bar .hamburger .one {
    -webkit-transform: translateY(-2vw) rotate(0deg) scaleX(1);
            transform: translateY(-2vw) rotate(0deg) scaleX(1);
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  .header .top-bar .hamburger .one-menu {
    -webkit-transform: translateY(0vw) rotate(45deg) scaleX(0.9);
            transform: translateY(0vw) rotate(45deg) scaleX(0.9);
  }
  .header .top-bar .hamburger .two {
    -webkit-transform: translateY(2vw) rotate(0deg) scaleX(1);
            transform: translateY(2vw) rotate(0deg) scaleX(1);
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  .header .top-bar .hamburger .two-menu {
    -webkit-transform: translateY(0vw) rotate(-45deg) scaleX(0.9);
            transform: translateY(0vw) rotate(-45deg) scaleX(0.9);
  }
  .header .menu-items {
    position: relative;
    height: auto;
    width: 100%;
    opacity: 0;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  .header .menu-items ul {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    text-align: center;
  }
  .header .menu-items ul li {
    margin: 0 0 10vw 0;
    -webkit-transform: translateX(-1vw);
            transform: translateX(-1vw);
  }
  .header .menu-items ul li a {
    font-family: "Caudex Italic";
    font-size: 10vw;
    color: #ffffff;
  }
  .header .menu-fade {
    opacity: 1;
  }
  .header-expanded {
    max-height: 100vh;
  }
  .content {
    position: relative;
    height: auto;
    width: 100%;
    opacity: 1;
    z-index: 5;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
    /* - Hero Lockup
        /*---------------------------------------------*/
    /* - Featured Stories
        /*---------------------------------------------*/
    /* - Events
        /*---------------------------------------------*/
    /* - Weekly Release Spotlight
        /*---------------------------------------------*/
    /* - The Hitlist
        /*---------------------------------------------*/
    /* - Podcasts and Shows
        /*---------------------------------------------*/
    /* - Donate
        /*---------------------------------------------*/
    /* - Footer
        /*---------------------------------------------*/
  }
  .content .hero-lockup {
    position: relative;
    height: calc(75vh + 2px);
    width: 100vw;
    padding: 25vh 0 0 0;
    overflow: hidden;
  }
  .content .hero-lockup .radio-k-logo {
    position: relative;
    height: auto;
    width: 90vw;
    margin: 0 auto 5vh auto;
    -webkit-transform: translateX(1vw);
            transform: translateX(1vw);
  }
  .content .hero-lockup .radio-k-logo img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .hero-lockup .down-arrow {
    position: relative;
    height: auto;
    width: 10vw;
    margin-right: auto;
    margin-left: auto;
    opacity: .9;
    -webkit-animation: arrowBounce 3s infinite;
            animation: arrowBounce 3s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.93, 0.02, 0.79, 1.67);
            animation-timing-function: cubic-bezier(0.93, 0.02, 0.79, 1.67);
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  @-webkit-keyframes arrowBounce {
    0% {
      -webkit-transform: translateY(0vh);
              transform: translateY(0vh);
    }
    60% {
      -webkit-transform: translateY(-1vh);
              transform: translateY(-1vh);
    }
    80% {
      -webkit-transform: translateY(0vh);
              transform: translateY(0vh);
    }
    85% {
      -webkit-transform: translateY(0vh);
              transform: translateY(0vh);
    }
  }
  @keyframes arrowBounce {
    0% {
      -webkit-transform: translateY(0vh);
              transform: translateY(0vh);
    }
    60% {
      -webkit-transform: translateY(-1vh);
              transform: translateY(-1vh);
    }
    80% {
      -webkit-transform: translateY(0vh);
              transform: translateY(0vh);
    }
    85% {
      -webkit-transform: translateY(0vh);
              transform: translateY(0vh);
    }
  }
  .content .hero-lockup .sun-burst {
    position: absolute;
    height: 200vw;
    width: 200vw;
    top: -9vh;
    left: -50vw;
    border-radius: 50%;
    background: radial-gradient(#EE2A7B 0%, #f15a29 50%, #ffe600 90%);
    z-index: -1;
    -webkit-filter: blur(15px);
            filter: blur(15px);
    -webkit-animation: sunBlastPulse 20s infinite;
            animation: sunBlastPulse 20s infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  @-webkit-keyframes sunBlastPulse {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes sunBlastPulse {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .content .hero-lockup .now-playing {
    position: absolute;
    height: auto;
    width: 90vw;
    bottom: 20vw;
    left: 0;
    padding: 0 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .content .hero-lockup .now-playing .left {
    position: relative;
    height: auto;
    width: 50%;
  }
  .content .hero-lockup .now-playing .left li {
    line-height: 5vw;
  }
  .content .hero-lockup .now-playing .left .song-name {
    font-family: 'Caudex Italic';
  }
  .content .hero-lockup .now-playing .left .album-lockup {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .hero-lockup .now-playing .left .album-lockup .album-icon {
    position: relative;
    height: auto;
    width: 4vw;
    padding: 4vw 0 0 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateY(-0.5vw);
            transform: translateY(-0.5vw);
  }
  .content .hero-lockup .now-playing .left .album-lockup .album-icon img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .content .hero-lockup .now-playing .left .album-lockup .album {
    font-family: 'Caudex Bold';
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: inline;
  }
  .content .hero-lockup .now-playing .left .songlog {
    font-family: 'Caudex Bold Italic';
    text-decoration: underline;
  }
  .content .hero-lockup .now-playing .right {
    position: relative;
    height: auto;
    width: 50%;
    text-align: right;
  }
  .content .hero-lockup .now-playing .right li {
    line-height: 5vw;
  }
  .content .hero-lockup .now-playing .right .stream {
    font-family: 'Caudex Italic';
  }
  .content .hero-lockup .now-playing .right .stream span {
    font-family: 'Caudex Italic';
    text-decoration: underline;
  }
  .content .hero-lockup .now-playing .right .radio {
    font-family: 'Caudex Bold';
    margin: 0 0 -1vw 0;
  }
  .content .hero-lockup .now-playing .right .radio span {
    font-size: 1.9vw;
  }
  .content .hero-lockup .now-playing .right .social-icons {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .hero-lockup .now-playing .right .social-icons a {
    position: relative;
    height: auto;
    width: 4vw;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2vw;
  }
  .content .hero-lockup .now-playing .right .social-icons a img {
    position: relative;
    height: 100%;
    width: auto;
    vertical-align: middle;
  }
  .content .hero-lockup .now-playing .diamond {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: 1.5vw;
    left: calc(50% - 1vw);
    background: #ffffff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .content .featured-stories {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    padding: 18vw 5vw 5vw 5vw;
  }
  .content .featured-stories .fs-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .featured-stories .fs-heading .fsh-image {
    position: relative;
    height: auto;
    width: 80%;
    margin: 0 0 -10vw auto;
  }
  .content .featured-stories .fs-heading .fsh-image img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .featured-stories .fs-heading h2 {
    padding: 0 0 4vw 0;
  }
  .content .featured-stories .fs-heading .fsh-underline {
    position: relative;
    height: 2px;
    width: 80%;
    margin: 0 0 10vw 0;
    background: #ffffff;
  }
  .content .featured-stories .fs-story {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 10vw 0;
  }
  .content .featured-stories .fs-story span {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 0 2vw 1vw;
  }
  .content .featured-stories .fs-story h4 {
    margin: 0 0 4vw 0;
    max-width: 90%;
  }
  .content .featured-stories .fs-story p {
    position: relative;
    height: auto;
    width: 65%;
    margin: 0 0 4vw 0;
  }
  .content .featured-stories .fs-story .audio-player {
    position: relative;
    height: auto;
    width: 68%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 5vw 0;
    padding: 0 0 0 1vw;
  }
  .content .featured-stories .fs-story .audio-player div {
    height: 0vw;
    margin: 0 3vw 0 0;
  }
  .content .featured-stories .fs-story .audio-player div img {
    position: relative;
    height: auto;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .content .featured-stories .fs-story .audio-player .play {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 3vw;
    margin: 0 2vw 0 0;
    -webkit-transform: translateY(-0.3vw);
            transform: translateY(-0.3vw);
  }
  .content .featured-stories .fs-story .audio-player .play img {
    width: 3vw;
    margin: 0;
  }
  .content .featured-stories .fs-story .audio-player .time-stamp {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: auto;
  }
  .content .featured-stories .fs-story .audio-player .time-stamp span {
    line-height: 3.8vw;
    display: inline-block;
    height: 0vw;
  }
  .content .featured-stories .fs-story .audio-player .buffer-track {
    position: relative;
    height: 1.2vw;
    width: 20vw;
    background: rgba(255, 255, 255, 0.5);
    border-radius: .6vw;
  }
  .content .featured-stories .fs-story .audio-player .buffer-track .progress-bar {
    position: relative;
    height: 1.2vw;
    width: 4vw;
    background: #ffffff;
    border-radius: 5vw;
  }
  .content .featured-stories .fs-story .audio-player .volume {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 4.3vw;
  }
  .content .featured-stories .fs-story .audio-player .volume img {
    width: 4.3vw;
  }
  .content .featured-stories .fs-story .audio-player .more {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 0.8vw;
    -webkit-transform: translateY(-0.25vw);
            transform: translateY(-0.25vw);
  }
  .content .featured-stories .fs-story .audio-player .more img {
    width: .85vw;
  }
  .content .featured-stories .fs-story .fss-image {
    position: absolute;
    height: auto;
    width: 30%;
    top: 0;
    right: 0;
    z-index: -1;
  }
  .content .featured-stories .fs-story .fss-image img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .featured-stories .more {
    font-family: "Caudex Bold";
    font-size: 5vw;
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin: 0 auto 5vw auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .content .events {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    padding: 10vw 5vw 5vw 5vw;
  }
  .content .events .e-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .events .e-heading h2 {
    padding: 0 0 4vw 0;
  }
  .content .events .e-heading .eh-underline {
    position: relative;
    height: 2px;
    width: 80%;
    margin: 0 0 10vw 0;
    background: #ffffff;
  }
  .content .events .event {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 10vw 0;
  }
  .content .events .event .date-time {
    position: relative;
    height: auto;
    width: 100%;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin: 0 0 2vw 1vw;
  }
  .content .events .event .date-time span {
    margin: 0 3vw 0 0;
    display: inline-block;
    vertical-align: baseline;
  }
  .content .events .event .date-time span:last-of-type {
    font-family: 'Caudex Italic';
  }
  .content .events .event .tags {
    position: relative;
    height: auto;
    width: 70%;
    margin: 4vw 0 0 0;
  }
  .content .events .event .cio {
    position: absolute;
    height: auto;
    width: auto;
    bottom: 0vw;
    right: 0;
  }
  .content .events .event .cio-e {
    bottom: 1vw;
  }
  .content .events .more {
    font-family: "Caudex Bold";
    font-size: 5vw;
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin: 0 auto 5vw auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .content .wrs {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    padding: 10vw 5vw 5vw 5vw;
  }
  .content .wrs .wrs-heading {
    position: relative;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .content .wrs .wrs-heading h3 {
    margin: 0 0 2vw 0;
  }
  .content .wrs .wrs-heading .wrsh-underline {
    position: relative;
    height: 2px;
    width: 100%;
    background: #ffffff;
    margin: 0 0 4vw 0;
  }
  .content .wrs .wrs-content {
    position: relative;
    height: auto;
    width: 100%;
    text-align: right;
  }
  .content .wrs .wrs-content .wrsc-image {
    position: relative;
    height: auto;
    width: 70%;
    padding: 70% 0 0 0;
    margin: 0 0 -15vw 5vw;
  }
  .content .wrs .wrs-content .wrsc-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .content .wrs .wrs-content span {
    margin: 0 0 2vw 0;
    display: block;
  }
  .content .wrs .wrs-content h2 {
    font-family: 'Caudex Italic';
    margin: 0 1vw 8vw 0;
  }
  .content .wrs a {
    display: block;
    margin: 0 0 5vw auto;
  }
  .content .wrs .more {
    font-family: "Caudex Bold";
    font-size: 5vw;
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin: 0 0 5vw auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .content .hitlist {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    padding: 10vw 5vw 5vw 5vw;
  }
  .content .hitlist .hl-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .hitlist .hl-heading h2 {
    padding: 0 0 4vw 0;
  }
  .content .hitlist .hl-heading .hlh-underline {
    position: relative;
    height: 2px;
    width: 80%;
    margin: 0 0 10vw 0;
    background: #ffffff;
  }
  .content .hitlist .hl-song {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0 5vw 0;
  }
  .content .hitlist .hl-song .number {
    position: relative;
    height: auto;
    width: calc(10% - 2vw);
    margin: 0 2vw 0 0;
    text-align: right;
    padding: 6vw 0 0 0;
  }
  .content .hitlist .hl-song .number span {
    display: block;
    font-family: 'Caudex Regular';
  }
  .content .hitlist .hl-song .hls-lockup {
    position: relative;
    height: auto;
    width: calc(90%);
  }
  .content .hitlist .hl-song .hls-lockup span {
    display: block;
    margin: 0 0 0 2vw;
    line-height: 5vw;
  }
  .content .hitlist .hl-song .hls-lockup h4 {
    font-family: 'Caudex Italic';
  }
  .content .podcasts {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    padding: 10vw 5vw 5vw 5vw;
  }
  .content .podcasts .ps-heading {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .podcasts .ps-heading h2 {
    padding: 0 0 4vw 0;
  }
  .content .podcasts .ps-heading .psh-underline {
    position: relative;
    height: 2px;
    width: 80%;
    margin: 0 0 10vw 0;
    background: #ffffff;
  }
  .content .podcasts .psc {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 10vw 0;
    text-align: center;
  }
  .content .podcasts .psc .psc-image {
    position: relative;
    height: auto;
    width: 80%;
    padding: 80% 0 0 0;
    margin: 0 auto 4vw auto;
  }
  .content .podcasts .psc .psc-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .content .podcasts .psc h3 {
    margin: 0 0 2vw 0;
  }
  .content .podcasts .psc span {
    display: block;
    font-family: 'Caudex Italic';
  }
  .content .podcasts .more {
    font-family: "Caudex Bold";
    font-size: 5vw;
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin: 0 auto 5vw auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .content .donate {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    padding: 10vw 5vw 5vw 5vw;
  }
  .content .donate .d-gif {
    position: relative;
    height: auto;
    width: 90%;
    margin: 0 0 -10vw auto;
  }
  .content .donate .d-gif img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .donate .d-content {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 5vw 0;
  }
  .content .donate .d-content h2 {
    margin: 0 0 2vw 0;
  }
  .content .donate .d-content .dc-underline {
    position: relative;
    height: 2px;
    width: 80%;
    background: #ffffff;
    margin: 0 0 4vw 0;
  }
  .content .donate .d-content p {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 5vw 0;
  }
  .content .footer {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    padding: 10vw 0 0 0;
    background: #231F20;
  }
  .content .footer .logo-lockup {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    text-align: center;
    margin: 0 0 10vw 0;
    padding: 0 5vw;
  }
  .content .footer .logo-lockup .logo {
    position: relative;
    height: auto;
    width: 80%;
    margin: 0 auto 5vw auto;
  }
  .content .footer .logo-lockup .logo img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .footer .logo-lockup p {
    font-family: 'Caudex Italic';
    position: relative;
    height: auto;
    width: 80%;
    margin: 0 auto 10vw auto;
  }
  .content .footer .logo-lockup .ll-underline {
    position: relative;
    height: 2px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background: #ffffff;
  }
  .content .footer .contact {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    margin: 0 auto 10vw auto;
    padding: 0 5vw;
    text-align: center;
  }
  .content .footer .contact p {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .footer .image-lineup {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    margin: 0 0 10vw 0;
    padding: 0 5vw;
  }
  .content .footer .image-lineup .top {
    position: relative;
    height: auto;
    width: 90%;
    margin: 0 auto 10vw auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateX(1vw);
            transform: translateX(1vw);
  }
  .content .footer .image-lineup .top div {
    position: relative;
    height: auto;
    width: calc(50% - $margin-lg);
    margin: 0 10vw 0 0;
  }
  .content .footer .image-lineup .top div:last-of-type {
    margin: 0;
  }
  .content .footer .image-lineup .top div img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .footer .image-lineup .bot {
    position: relative;
    height: auto;
    width: calc(90% - $margin-lg);
    margin: 0 auto 5vw auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateX(-3vw);
            transform: translateX(-3vw);
  }
  .content .footer .image-lineup .bot div {
    position: relative;
    height: auto;
    width: calc(50% - $margin-lg);
    margin: 0 10vw 0 0;
  }
  .content .footer .image-lineup .bot div:last-of-type {
    margin: 0;
  }
  .content .footer .image-lineup .bot div img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .content .footer .small-text {
    position: relative;
    height: auto;
    width: calc(100% - $margin-lg);
    margin: 0 auto 15vw auto;
    padding: 0 5vw;
    text-align: center;
  }
  .content .footer .small-text p {
    margin: 0 0 5vw 0;
  }
  .content .footer .small-text p span {
    display: inline-block;
    text-decoration: underline;
  }
  .content .footer .sponsor-lineup {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content .footer .sponsor-lineup img {
    position: relative;
    height: auto;
    width: 50%;
  }
  .content-disappear {
    opacity: 0;
  }
}

/*-------------------------------------------------*/
/* - General Code
/*-------------------------------------------------*/
/*# sourceMappingURL=styles.css.map */