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

html, body { 
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; 
    max-width: 100vw; }

a {
    text-decoration: none; }

#desktop-header,
#mobile-header, 
#desktop-media-player, 
#mobile-media-player, 
#sweepstakes,
#desktop-footer, 
#mobile-pre-footer, 
#mobile-sweepstakes,
#mobile-footer { 
    display: none; } 


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

@media (min-width: 1200px) { 
    #desktop-header, 
    #sweepstakes,
    #desktop-footer, 
    #desktop-media-player {
        display: block; } } 

.dh-left { 
    width: 240px; 
    height: 46px; 
    float: left; } 

.dh-right { 
    width: 700px; 
    height: 26px; 
    float: right; 
    padding: 11px 0; } 

.dh-right p { 
    text-align: right; 
    font-family: 'Poppins', sans-serif; 
    color: #fff; 
    font-size: 15px; 
    font-weight: 700; 
    letter-spacing: 0.5px; 
    float: right; 
    line-height: 100%; 
    padding: 6px 0; 
    margin: 0;
    opacity: 0.6; }

.dh-break { 
    width: 2.25px; 
    background: #fff;
    height: 26px; 
    margin: 0 10px 0 16px; 
    float: right;
    opacity: 0.6; } 

.social-button { 
    width: 26px; 
    height: 26px; 
    margin: 0 6px; 
    float: right; } 

.instagram { 
    background: url('/content/img/instagram-icon.svg') no-repeat; 
    background-size: contain; 
    opacity: 0.6; } 

.instagram:hover { 
    background: url('/content/img/instagram-icon-hover.svg') no-repeat;
    background-size: contain;
    opacity: 1; } 

.radiate { 
    background: url('/content/img/radiate-icon.svg') no-repeat; 
    background-size: contain; 
    opacity: 0.6; } 

.radiate:hover {
    background: url('/content/img/radiate-icon-hover.svg') no-repeat;
    background-size: contain;
    opacity: 1; } 

.apple {  
    background: url('/content/img/apple-icon.svg') no-repeat; 
    background-size: contain;
    opacity: 0.4; } 

.spotify { 
    background: url('/content/img/spotify-icon.svg') no-repeat;
    background-size: contain;
    opacity: 0.4; }


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

#desktop-footer { 
    width: 100%; 
    height: auto;
    background: #000; } 

.desktop-footer p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    letter-spacing: 0.5px;
    opacity: 0.6; }


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

@media (max-width: 1200px) {
    #mobile-header, 
    #mobile-media-player,
    #mobile-pre-footer,
    #mobile-footer { 
      display: block; }
	
    #mobile-pre-footer { 
        width: 100%;
	height: auto; 
	margin: 14vw 0 0; }
	
    .mobile-pre-footer { 
	width: fit-content;
	height: 12vw;
	margin: 0 auto; }
	
    .pf-social-button {
	width: 12vw;
	height: 12vw;
	margin: 0 3vw;
	float: right; } 
	
    .instagram { 
	background: url('/content/img/instagram-icon-hover.svg') no-repeat;
	background-size: contain;
	opacity: 0.8;
        margin-right: 0; }
	
    .radiate { 
	background: url('/content/img/radiate-icon-hover.svg') no-repeat;
	background-size: contain;
	opacity: 0.8; } 
	
    .apple {  
	background: url('/content/img/apple-icon.svg') no-repeat;
	background-size: contain;
	opacity: 0.4; } 
	
    .spotify { 
	background: url('/content/img/spotify-icon.svg') no-repeat;
	background-size: contain;
	opacity: 0.4; 
        margin-left: 0; }
	
    .mobile-footer p { 
	font-family: 'Poppins', sans-serif;
	font-size: 3.5vw;
	font-weight: 700;
	color: #fff;
	line-height: 4.5vw;
	padding: 0;
	margin: 0;
	text-align: center;
	opacity: 0.6; } }