@media (orientation: portrait) {
	.startbar {
		display: none !important;
	}
}

@media (max-height: 649px) {
	.startbar {
		display: none !important;
	}
}

@media only screen 
  and (min-device-width: 1100px) 
  and (max-device-height: 1100px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape) {

	.teksttv-knap {
		display: none;
	  }	

}

@media screen and (min-width: 580px) and (max-width: 1025px) {

	#fejl-tv {
		display:block !important;
		position:absolute !important;
	}

	body {
		margin: 0 !important;
		overflow:hidden;
	}

    #menu {
		bottom: 45px !important;
		max-height: calc(100vh - 50px - 38px);
		overflow-y: auto;
    }

	#loader-overlay {top:150px !important;}

	.gaestebog-knap {display:none;}

	.teksttv-knap {
		display: none;
	  }
	
	#videoTitle, #hintText, #error-message {
		font-size: 16px !important;
		margin: 0!important;
        width:90% !important;
		line-height:25px;
	}
	
	.windows {
		width:325px !important;
		bottom: 278px;
		right: 51px;
	}
	
	#tvframe > img.taend {width:100% !important;}
	#tvframe > img.sluk {width:100% !important;}

	#flimmer {
		width: 494px !important;
		padding: 0px !important;
		margin-top: 103px !important;
	}
	
	#flimmer-ats {
		width: 494px !important;
		padding: 0px !important;
		margin-top: 103px !important;
	}

	#infoknap-mobil {
		display: block !important;
		position: absolute !important;
		left: 443px;
		top: 240px;
		width: 26px !important;
	}

	#infoskaerm-mobil {
		padding:35px;
		background-color:black;
		position:absolute;
		z-index:12;
		width: 404px !important;
        height: 315px !important;
        margin-top: 39px !important;
        margin-right: 44px !important;
		margin-left: -48px !important;
    }		
	
	#infoskaerm-mobil p {
        font-family: 'FiraCodeVF';
        font-size: 11px;
        color: white;
        text-align: left;
        line-height: 18px;
        letter-spacing: -0.5px;
        padding: 8px;
        margin-top: 3px;
	}

	#infoskaerm-mobil h2 {
		font-family: 'FiraCodeVF';
		font-size:16px;
		color:yellow;
		margin-bottom:5px;
	}
	
    #play {
        left: 426px !important;
        top: 314px !important; 
        width: 50px !important;
        height: 50px !important;
    }    
	
	#off {
        left: 426px !important;
        top: 314px !important; 
        width: 50px !important;
        height: 50px !important;
    }		
    
    #restart {
        left: 426px !important;
        top: 314px !important; 
        width: 50px !important;
        height: 50px !important;
    }    
	
    #restart-quiz {
        left: 426px !important;
        top: 314px !important; 
        width: 50px !important;
        height: 50px !important;
    }    
	
	#restart-music {
        left: 459px !important;
        top: 314px !important; 
        width: 50px !important;
        height: 50px !important;
    }
	
	#switch {
		left: 432px !important;
		top: 59px !important;
		width: 106px !important;
		height: 48px !important;
	}

	#switch-reset {
		display:none;
		left: 432px !important;
		top: 59px !important;
		width: 106px !important;
		height: 48px !important;
	}
	
	#switch2 {
		left: 432px !important;
		top: 104px !important;
		width: 106px !important;
		height: 43px !important;
	}

	#switch3 {
		left: 432px !important;
		top: 104px !important;
		width: 106px !important;
		height: 43px !important;
	}	
	
	#easteregg {
		left: 493px !important;
		top: 195px !important;
		width:25px !important;
		height:20px !important;
	}

	#easteregg2 {
		left: 482px !important;
		top: 239px !important;
		width: 45px !important;
	}

	#glas {
		margin-right: 274px !important;
		width: 145px !important;
	}

	#kanal1, #kanal4, #kanal7 {left: 444px; width:27px !important; height: 25px !important;}
	#kanal2, #kanal5, #kanal8 {left: 471px; width:27px !important; height: 25px !important;}
	#kanal3, #kanal6, #kanal9 {left: 498px; width:27px !important; height: 25px !important;}

	#kanal1, #kanal2, #kanal3 {top: 148px;}
	#kanal4, #kanal5, #kanal6 {top: 173px;}
	#kanal7, #kanal8, #kanal9 {top: 198px;}		

	#static-fejl {
		margin-top:41px;
		margin-left:-99px;
		width:400px;
		height:309px;
	}

	#tv-glow, #tv-glow-inset {
		margin-top:46px;
		margin-left:-100px;
		width:400px;
		height:300px;
	}
	
	.screen {
		z-index:12 !important;
		top:83px;
        width: 422px !important;
        height: 307px !important;
		margin-left:-94px !important;
	}

	#fejl-tv {
		margin-top:43px !important;
        width: 398px !important;
        height: 307px !important;
		margin-left:-99px !important;
	}
	
    #player-container {
        height: 400px !important;
    }
    
    #static-out {
		width: 404px !important;
        height: 315px !important;
        margin-top: 39px !important;
        margin-right: 44px !important;
    }    
	
	#static-out-music {
		width: 404px !important;
        height: 315px !important;
        margin-top: 39px !important;
        margin-right: 44px !important;
    }			
    
    #static {
		width: 404px !important;
        height: 315px !important;
        margin-top: 39px !important;
        margin-right: 44px !important;
    }
	
	.screen {
		width: 404px !important;
        height: 315px !important;
        margin-top: 39px !important;
		margin-left:247px;
		position:absolute;
		top:auto;
		left:auto;
    }			
    
    #tvframe {
        width: 550px !important;
    }
    
    #fejl {
        padding-right: 137px !important;
        padding-top: 46px !important;
    }
    
    #fejl img {
        width: 391px !important;
        height: 303px !important;
        padding-left: 35px !important;
    }
    
    #player-div {
		width: 425px !important;
        height: 353px;
        padding-right: 110px !important;
		top:41px;
    }

	#player-div-quiz {
		width: 425px !important;
        height: 340px;
        padding-right: 95px !important;
		top: 66px;
	}	

	#guesswho {
		padding-top: 0px !important;
		padding-right: 0px !important;
		width: 350px !important;
        margin-top: 124px !important;
        margin-right: 101px !important;
	}

	#glitchdiv1 {
		top:73px;
	}		

	.glitch-top {
		top:5px;
		left: 12%;
		-webkit-transform: translateX(-12%);
		transform: translateX(-12%);
		width: 415px !important;
		height: 45px !important;
	}

	#glitchdiv2 {
		top:346px;
	}	
	
	.glitch-bottom {		
		left: 12%;
		-webkit-transform: translateX(-12%);
		transform: translateX(-12%);
		width: 415px !important;
		height: 45px !important;
	} 	
	
    .marquee-container {
		width: 87px;
		height: 26px;
		font-size: 16px;
		margin-left: 439px;
		margin-top: 33px;
		border-radius: 3px 0 3px 0;
    }

	.marquee-text {
		padding-top:5px;
		animation: marquee 10s linear infinite;
		overflow: hidden;
		width: 200px;
    }	

	#bgimg {
		background: url(https://the90sbutton.com/images/default/rainbow.gif);
		height: 50px;
		position: absolute;
		top: -40px;
		width: 100%;
		z-index: -1;
	}
	
	#bgimg > img {display:none;}
	
	#player-container-nyc {
		width: 395px;
		height: 417px;
		margin-left:-96px;
		top:-27px;
	}	    

	#player-div-nyc {
		width: 3000px;
        height: 302px;
        left: -1193px;
        top: 212px;
	}

	.pause-menu, .nosignal-menu {
		margin-top: 53px;
		margin-left: -185px;
		padding: 5px 5px;
		width:100px;
		font-size:13px;
		filter:blur(0.4px);
	}

	.button-img {display:none;}
	.upperbuttons-overlay {display:none;}
	.onoff-pause-next-overlay {display:none;}

}