@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) and (min-width: 0px) and (orientation: portrait){
	body{overflow: inherit;height:auto;background-image:none;}
	header{position:fixed;top:0px;height:8vh;z-index:10;padding-bottom:1vh;z-index:99}
	header .loghi{height:8vh !important;}
	header .row #commonwealth{height:6vh;}
	header .row #initesports{height:3vh;}
	header .row #changegear{height:6vh;}
	header .row.loghi .col-6 a{color:#fff;border:1px solid #fff;padding:1vh 3vw;}
	header .row.loghi{height:100%;}

	header #qr{height:8vh;}
	.container{padding-right:0px;padding-left:0px;max-width:none;width:100%;padding:0px 5%;}
	.loghi .col-3{padding-left:0px;padding-right:0px;}
	header.container{padding:0% 2%;}
	#thrustmaster{height:1vh !important;}
	#ferrari{height:7vh !important;}
	#now{height:6vh !important;}
	#plb{height:6vh !important;}
	#ak{height:5vh !important;}
	#maserati{height:8vh !important;}
	#shellenergy{height:4vh !important;}
	#rafa{height:8vh !important;}
	#qrcode1, #qrcode2 {display:none;}
	
	main{width:auto;max-width:none;overflow:inherit;height:auto;padding-top:8vh;padding-bottom:7vh;min-height:92vh;}
	.register main{padding-bottom:2vh;padding-top:10vh}
	.register form .row{margin-bottom:0px;}
	main h1 {position:relative;z-index:5;}
	main h1 img{height:12vh;}
	main h1 .area{font-size:1.5vh;top:1.3vh;}
	main h1 .leader{font-size:1.5vh;bottom:1.3vh;}
	main form{position:relative;z-index:5;padding-top:2vh;padding-left:10%;padding-right:10%;}
	.register .form-control{margin-bottom:3vh;}
	.register .form-group{margin-bottom:3vh;margin-top:1vh;}

	.leader{position:relative;z-index:5;max-width:90%;margin-bottom:16vh;}
	.leader .driver.row.gold{width:0%;}
	.leader .driver.row.silver{width:85%;}
	.leader .driver.row.bronze{width:80%;}
	.leader .driver.row.red{width:100%;}
	.register footer{position:relative;}
	footer{position:fixed;height:auto;height:10vh;z-index:99;}
	footer .col-2{justify-content: center;padding-top:1vh;padding-bottom:1vh;}
	footer .col-2:nth-child(1){display:none;}
	footer .col-2:nth-child(2){display:none;}
	footer .col-2:nth-child(5){display:none;}
	footer .col-2:nth-child(6){display:none;}
	footer .col-2{flex: 0 0 calc(100% / 4) !important;max-width:calc(100% / 4) !important;}
	
	footer .col-2:nth-child(3) .footimg{height:5vh !important;}
	footer .col-2:nth-child(4) .footimg{height:5vh !important;}
	#pulsantiera{position:relative;z-index:10;}
	main #pulsantiera a{padding:1vh 2vw;}
	
}
@media screen and (max-width: 1200px) and (min-width: 0px) and (orientation: landscape){
	#qrcode1, #qrcode2 {display:none;}
	body{overflow: inherit;height:auto;background-image:none;}
	header{position:fixed;top:0px;height:8vh;z-index:10;padding-bottom:1vh;z-index:99}
	header .loghi{height:8vh !important;}
	header .row #commonwealth{height:6vh;}
	header .row #initesports{height:3vh;}
	header .row #akesports{height:6vh;}
	header .row #changegear{height:6vh;}
	header .row.loghi .col-6 a{color:#fff;border:1px solid #fff;padding:1vh 3vw;}
	header .row.loghi{height:100%;}
	header .row.loghi .col-4{flex:0 0 80%;max-width:80%;}
	header .row.loghi .col-4:nth-child(1) {flex:0 0 10%;max-width:10%;}
	header .row.loghi .col-4:nth-child(3) {flex:0 0 10%;max-width:10%;}
	.container{padding-right:0px;padding-left:0px;max-width:none;width:100%;padding:0px 5%;}
	.loghi .col-3{padding-left:0px;padding-right:0px;}
	header.container{padding:0% 2%;}
	
	#thrustmaster{height:1vh !important;}
	#ferrari{height:7vh !important;}
	#now{height:6vh !important;}
	#plb{height:6vh !important;}
	#ak{height:6vh !important;}
	main{width:auto;max-width:none;overflow:inherit;height:auto;padding-top:8vh;padding-bottom:7vh;min-height:92vh;}
	.register main{padding-bottom:2vh;padding-top:10vh}
	.register form .row{margin-bottom:0px;}
	main h1 {position:relative;z-index:5;}
	main h1 img{height:12vh;}
	main h1 .area{font-size:1.5vh;top:1.3vh;}
	main h1 .leader{font-size:1.5vh;bottom:1.3vh;}
	main form{position:relative;z-index:5;padding-top:2vh;padding-left:10%;padding-right:10%;}
	.register .form-control{margin-bottom:3vh;}
	.register .form-group{margin-bottom:3vh;margin-top:1vh;}

	.leader{position:relative;z-index:5;max-width:90%;margin-bottom:16vh;}
	.leader .driver.row.gold{width:90%;}
	.leader .driver.row.silver{width:85%;}
	.leader .driver.row.bronze{width:80%;}
	.leader .driver.row.red{width:90%;}
	.register footer{position:relative;}
	footer{position:fixed;height:auto;height:10vh;z-index:99;}
	footer .col-2{justify-content: center;padding-top:1vh;padding-bottom:1vh;}
	footer .col-2{flex: 0 0 calc(100% / 6) !important;max-width:calc(100% / 6) !important;}
	footer .col-2 img{width:90%;height:auto !important;}
	footer .col-2:nth-child(1){display:none;}
	footer .col-2:nth-child(2){display:none;}
	footer .col-2:nth-child(5){display:none;}
	footer .col-2:nth-child(6){display:none;}

	
	#pulsantiera{position:relative;z-index:10;}
	main #pulsantiera a{padding:1vh 5vw;}
	footer .col-2 .footimg.ak{height:6vh !important;width:auto !important;}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	#qrcode1, #qrcode2 {display:none;}
	body{overflow: inherit;height:auto;background-image:none;}
	header{position:fixed;top:0px;height:8vh;z-index:10;padding-bottom:1vh;z-index:99}
	header .loghi{height:8vh !important;}
	header .row #commonwealth{height:6vh;}
	header .row #initesports{height:3vh;}
	header .row #akesports{height:6vh;}
	header .row #changegear{height:6vh;}
	header .row.loghi .col-6 a{color:#fff;border:1px solid #fff;padding:1vh 3vw;}
	header .row.loghi{height:100%;}
	header .row.loghi .col-4{flex:0 0 80%;max-width:80%;}
	header .row.loghi .col-4:nth-child(1) {flex:0 0 10%;max-width:10%;}
	header .row.loghi .col-4:nth-child(3) {flex:0 0 10%;max-width:10%;}
	.container{padding-right:0px;padding-left:0px;max-width:none;width:100%;padding:0px 5%;}
	.loghi .col-3{padding-left:0px;padding-right:0px;}
	header.container{padding:0% 2%;}
	#thrustmaster{height:1vh !important;}
	#ferrari{height:7vh !important;}
	#now{height:6vh !important;}
	#plb{height:6vh !important;}
	#ak{height:5vh !important;}
	#maserati{height:8vh !important;}
	#shellenergy{height:4vh !important;}
	
	main{width:auto;max-width:none;overflow:inherit;height:auto;padding-top:8vh;padding-bottom:7vh;min-height:92vh;}
	.register main{padding-bottom:2vh;padding-top:10vh}
	.register form .row{margin-bottom:0px;}
	main h1 {position:relative;z-index:5;}
	main h1 img{height:12vh;}
	main h1 .area{font-size:1.5vh;top:1.3vh;}
	main h1 .leader{font-size:1.5vh;bottom:1.3vh;}
	main form{position:relative;z-index:5;padding-top:2vh;padding-left:10%;padding-right:10%;}
	.register .form-control{margin-bottom:3vh;}
	.register .form-group{margin-bottom:3vh;margin-top:1vh;}

	.leader{position:relative;z-index:5;max-width:90%;margin-bottom:16vh;}
	.leader .driver.row.gold{width:90%;}
	.leader .driver.row.silver{width:85%;}
	.leader .driver.row.bronze{width:80%;}
	.leader .driver.row.red{width:90%;}
	.register footer{position:relative;}
	footer{position:fixed;height:auto;height:10vh;z-index:99;}
	footer .col-2{justify-content: center;padding-top:1vh;padding-bottom:1vh;}
	footer .col-2{flex: 0 0 calc(100% / 6) !important;max-width:calc(100% / 6) !important;}
	footer .col-2 img{width:90%;height:auto !important;}
	footer .col-2:nth-child(1){display:none;}
	footer .col-2:nth-child(2){display:none;}
	footer .col-2:nth-child(5){display:none;}
	footer .col-2:nth-child(6){display:none;}
	#pulsantiera{position:relative;z-index:10;}
	main #pulsantiera a{padding:1vh 5vw;}
	footer .col-2 .footimg.ak{height:6vh !important;width:auto !important;}
}

@media screen and (max-width: 532px) and (min-width: 0px) and (orientation: portrait){
	#qrcode1, #qrcode2 {display:none;}
	header .row.loghi .col-6 a{font-size:12px;}
	header{padding-right:4%;}
	main{margin-top:0px;min-height:93vh;}
	main h1 img{height:12vh;max-width:95%;}
	.btn-primary{margin-top:1rem;}
	.leader{max-width:96%;margin-bottom:0px;}
	.leader .driver.row.red{width:100%;}
	.leader .driver.row.red .col-1{padding-right:0px;padding-left:0px;justify-content: center !important;}
	.leader .driver.row.red .col-1 span.pos{padding-right:0px;font-size:1.2rem;}
	.leader .driver.row.red .col-7 span{font-size:1.2rem;}
	.leader .driver.row.red .col-4 span{font-size:1.2rem;}
	.leader .driver.row{padding:0px;}
	header .row #commonwealth{height:6vh;}
	header .row #initesports{height:2vh;}
	header .row #akesports{height:4vh;}
	header .row.loghi .col-4{padding:0px;}
	#newuser label{line-height:1.2;}
	#plb{height:5vh !important;}
	#ak{height:5vh !important;}
	#maserati{height:5vh !important}
	#shellenergy{height:3vh !important;}
	#rafa{height:4vh;}
	header .left a{
		font-size:12px;
		margin-left:10px;
	}
	header .right a{
		margin-right:30px;
		font-size:12px;
	}
	main h1, main h2{
		font-size:1.5rem;
	}
	.register main{
		padding-top:14vh;
	}
	.register main form{padding-top:0;padding-right:0;padding-left:0;padding-bottom:5vh;}
	.register span.title{font-size:3vh;line-height:4vh;}
	.wp-block-table{
		overflow-x: scroll;
	}
	#pulsantiera{display:flex;flex-wrap: wrap;}
	#pulsantiera a{padding:1vh 2vw !important;display:block;flex:0 0 50%;max-width:50%;}
	.leader{
		margin-top:2vh;
	}
	.container{
		width:100%;
	}
	#thrustmaster{height:1vh !important;}
	#ferrari{
		height:5vh !important;
	}
	footer{height:auto;position:relative;background-color: rgba(0,0,0,1);}
	footer .container{padding:0 0px;padding-bottom:0vh;}
	footer .col-2{justify-content: center;padding-top:1vh;padding-bottom:1vh;}
	footer .col-2{flex: 1 1 calc(100% / 3) !important;max-width:calc(100% / 3) !important;}
	footer .col-2:nth-child(1){display:none;}
	footer .col-2:nth-child(5){display:none;}
	footer .col-2:nth-child(2){order:1;}
	footer .col-2:nth-child(3){order:2;}
	footer .col-2:nth-child(4){order:3;}

	header .row.loghi .col-4:nth-child(1){flex: 0 0 50%;max-width: 50%;justify-content: flex-start;padding-left:4%;}
	header .row.loghi .col-4:nth-child(2){flex: 0 0 50%;max-width: 50%;justify-content: flex-start;}
	header .row.loghi .col-4:nth-child(3){flex: 0 0 0%;max-width: 0%;}

	footer .col-2:nth-child(2) .footimg{height:3vh !important;}
	footer .col-2:nth-child(3) .footimg{height:4vh !important;}
	footer .col-4 .footimg.racingon{height:4vh !important;}
	footer .col-4 .footimg.ak{height:6vh !important;}
	footer .col-4 .footimg.monster{height:7vh !important;}
	
}

@media screen and (max-width: 1366px) and (min-width: 1280px) {
	#qrcode1{
		width: 10vh;
		height: 10vh; left:0px;}
	#qrcode2{
			width: 10vh;
			height: 10vh; right:0px;}
}