/****** GLOBAL ******/

html, body { 
    background: #000; }


/****** DESKTOP HEADER ******/

#desktop-header { 
    height: auto;
    width: 100%; 
    background: #000;
    position: fixed;
    z-index: 10000; }

.desktop-header { 
    width: 1200px; 
    height: 46px; 
    margin: 0 auto;
    padding: 56px 0 24px;
    transition: all 0.3s linear; }

.desktop-header.modified {
    padding: 10px 0 10px; }

.header-logo { 
    width: 230px; 
    height: 48px; 
    background: url('/content/img/website-logo.svg') no-repeat;
    background-size: contain; 
    background-position: center;
    opacity: 0.6; transition: all 0.3s linear; }

.header-logo.modified {
    width: 160px; }


/****** MOBILE HEADER ******/

#mobile-header {
    z-index: 10000;
    height: auto;
    width: 100%;
    background: #000;
    position: fixed;
    top: 0; }
	
.mobile-header {
    width: 90vw; 
    height: auto;
    margin: 0 auto;
    Padding: 8vw 0;
    transition: all 0.3s linear; } 
	
.mobile-header.modified {
    padding: 4vw 0;
    transition: all 0.3s linear;
    height: 9vw;
    overflow: hidden;     }
	
.mobile-header-logo { 
    width: 68vw; 
    height: 14vw; 
    background: url('/content/img/website-logo.svg') no-repeat;
    background-size: contain; 
    background-position: center;
    opacity: 0.6;
    margin: 0 auto;
    transition: all 0.3s linear; }
	
.mobile-header-logo.modified {
    width: 50vw;
    height: 10vw;
    transition: all 0.3s linear; }
	
.below-header { 
    width: 100%; 
    height: auto; 
    position: relative;
    padding: 3vw 0 0;
    transition: all 0.3s linear; }
	
.below-header.modiefied {
    opacity: 0;
    transition: all 0.3s linear; }
	
.below-header p {
    font-family: 'Poppins', sans-serif;
    font-size: 2.95vw;
    line-height: 100%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 0;
    margin: 0;
    opacity: 0.6; }



/****** INDEX HERO ******/

#index-hero {
    width: 100%;
    height: auto;
    background: #000;
    padding-top: 126px; } 

.index-hero { 
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    padding: 60px 0 0; } 

.hero-left { 
    width: 500px;
    height: auto; 
    float: left; } 

.hl-inner { 
    height: 400px;
    width: 100%;
    background: url('/content/img/index-hero-grey.png') no-repeat; 
    background-size: contain; 
    background-position: center; 
    opacity: 0.6; } 

.hero-right { 
    width: 498px; 
    height: auto; 
    float: right;
    overflow: hidden;
    margin-right: 68px;
    opacity: 0.6; } 

.hr-inner { 
    width: 100%;
    height: 186px;
    margin: 90px 0; } 

.hr-inner h1 { 
    text-transform: uppercase; 
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #fff;
    margin: 6px 0 0;
    line-height: 100%; }

.hr-inner h2 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    word-spacing: 0;
    padding: 0;
    margin: 0;
    line-height: 100%; }

.hr-inner h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    word-spacing: 0;
    padding: 0;
    margin: 0;
    line-height: 100%; }

#desktop-media-player {
    margin-left: -25px;
    width: 544px;
    padding: 8px 0 0;  }

@media (max-width: 1200px) {
    #index-hero {
        width: 100%;
	height: auto;
	background: #000;
	padding-top: 37vw; }
	
    .index-hero {
	width: 90vw;
	height: auto;
	margin: 0 auto;
	padding: 0; }
	
    .hero-left { 
	width: 100%; 
	height: auto; 
	float: none;
	margin: 0 auto; } 
	
    .hl-inner { 
	height: 92vw; 
	width: 82vw; 
	opacity: 0.7;
	margin: 0 auto; }
	
    .hero-right { 
	width: 81.5vw; 
	float: none; 
	margin: -2vw auto 0;
	z-index: 100;
	position: relative; }
	
    .hr-inner { 
	width: 82vw; 
        height: auto;
	margin: 3.5vw auto 0; }
	
    .hr-inner h2 { 
	font-size: 4vw; 
	letter-spacing: .1vw; } 
	
    .hr-inner h1 {
	font-size: 5vw;
	margin: 1vw 0 0; }
	
    .hr-inner h3 {
	font-size: 3.5vw;
	letter-spacing: .05vw; 
	text-align: center; }
	
    #mobile-media-player { 
	margin: 4vw 0 6vw; 
	width: 100%; }
	
    .jDTOfQ.wrapper {
	width: 100% !important;
	max-width: 1000px !important; }

    .jDTOfQ.wrapper.bar .audio-player { 
	padding: 5vw 1vw 6vw !important; } }
   

/****** SWEEPSTAKES ******/

#sweepstakes { 
    width: 100%; 
    height: auto; 
    background: #000; }

.sweepstakes {
    width: 1200px;
    height: 206px;
    margin: 0 auto;
    padding: 50px 0; }

.sweeps-block {
    width: 368px;
    height: 120px;
    border: 3px solid #888;
    float: left;
    margin: 0 20px;
    padding: 40px 0; }

.sweeps-block:nth-child(1) {
    margin-left: 0; }

.sweeps-block:nth-child(3) {
    margin-right: 0; }

.sweeps-block h2 {
    margin: 0 auto;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 18px;
    padding: 0 10px;
    line-height: 22px;
    min-width: 100px;
    max-width: 300px;
    text-transform: uppercase;
    opacity: 0.6; }

#dead-link { 
    width: 254px; 
    height: auto;
    margin: 30px auto 0; }

.deadline {
    width: 106px;
    height: auto;
    background: #04d1ff;
    float: left;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 6px;
    opacity: 0.7; }

.deadline p {
    margin: 0; }

.entry-link {
    width: auto;
    height: auto; }

.entry-link a {
    width: 106px;
    height: auto;
    background: #fb1399;
    float: right;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 6px;
    cursor: pointer;
    opacity: 0.7; }

.entry-link a:hover { 
    opacity: 1; }

#mobile-sweepstakes {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 14vw; 
    display: none; }
	
.mobile-sweeps-box {
    width: 70vw;
    height: auto;
    float: none;
    position: relative;
    padding: 5vw;
    margin: 0 auto 4vw;
    border: .5vw solid #595656; }
	
.mobile-sweeps-box p { 
    font-family: 'Poppins', sans-serif;
    font-size: 3.5vw;
    font-weight: 700;
    color: #fff;
    line-height: 4.25vw;
    padding: 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.6; }
	
.mobile-sweeps-box a {
    color: #fff; 
    opacity: 0.6; }

@media (max-width: 1200px) {
    #mobile-sweepstakes { 
        display: block; } }

/****** DESKTOP FOOTER ******/

.desktop-footer {
    width: 1200px;
    height: fit-content;
    margin: 0 auto;
    padding: 0 0 60px; }



/****** MOBILE FOOTER ******/

#mobile-footer {
    width: 100%;
    height: auto;
    margin: 0; }

.mobile-footer { 
    width: 90vw;
    height: auto; 
    margin:0 auto;
    padding: 10vw 0 14vw; }