@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) and (min-width: 0px) and (orientation: portrait){
	body{overflow: inherit;overflow-x:hidden;height:auto;background-image:none;}

	.container{padding-right:0px;padding-left:0px;max-width:none;width:100%;padding:0px 5%;}
	.loghi .col-3{padding-left:0px;padding-right:0px;}

	#thrustmaster{height:1vh !important;}
	#ferrari{height:7vh !important;}
	#now{height:6vh !important;}
	#plb{height:6vh !important;}
	#ak{height:5vh !important;}
	#maserati{height:4vh !important;}
	
	main{width:auto;max-width:none;overflow:inherit;height:auto;padding-top:8vh;padding-bottom:7vh;min-height:90vh;}
	.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;}
	
	#pulsantiera{position:relative;z-index:10;}
	main #pulsantiera a{padding:1vh 2vw;}

	footer .col-xl-3:nth-child(1) img{height:3vh;}
        footer .col-xl-3:nth-child(2) img{height:1vh;}
        footer .col-xl-3:nth-child(3) img{height:2vh;}
        footer .col-xl-3:nth-child(4) img{height:3vh;}

        .um-1090.um{width:90%;}
		#sfondo{height:100%;}
		.esternoT{
			            position: fixed;
            height: auto;
            overflow: hidden;
            height: 50%;
            z-index: 99;
            width: 100%;
            bottom: 0px;
		}
	
}
@media screen and (max-width: 1200px) and (min-width: 0px) and (orientation: landscape){
	body{overflow: inherit;height:auto;background-image:none;}
	
	.container{padding-right:0px;padding-left:0px;max-width:none;width:100%;padding:0px 5%;}
	.loghi .col-3{padding-left:0px;padding-right:0px;}
	
	#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;}
	.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(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)  {
	body{overflow: inherit;height:auto;background-image:none;}
	header.container .col-xl-4:nth-child(1) img{height:3vh;}
header.container .col-xl-4:nth-child(2) img{height:6vh;}
header.container .col-xl-4:nth-child(3) img{height:4vh;}
main h1{font-size:20px;letter-spacing: 15px;}
.um .um-form label{letter-spacing:3px;}
footer .col-xl-3:nth-child(1){justify-content: center;}
footer .col-xl-3:nth-child(2){justify-content: center;}
footer .col-xl-3:nth-child(3){justify-content: center;}
footer .col-xl-3:nth-child(4){justify-content: center;}
	.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:4vh !important;}
	
	main{width:auto;max-width:none;overflow:inherit;height:auto;padding-top:8vh;padding-bottom:7vh;}
	.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;}
	
	#pulsantiera{position:relative;z-index:10;}
	main #pulsantiera a{padding:1vh 5vw;}
}

@media screen and (max-width: 532px) and (min-width: 0px) and (orientation: portrait){
	main{margin-top:0px;}
	main h1 img{height:12vh;max-width:95%;}
	.btn-primary{margin-top:1rem;}
	.leader{max-width:96%;}
	.leader .driver.row.red{width:100%;}
	.leader .driver.row.red .col-1{padding-right:0px;padding-left:0px;}
	.leader .driver.row.red .col-1 span.pos{padding-right:10px;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.container .col-xl-4:nth-child(1) img{height:3vh;}
header.container .col-xl-4:nth-child(2) img{height:6vh;}
header.container .col-xl-4:nth-child(3) img{height:4vh;}
	#newuser label{line-height:1.2;}
	#plb{height:5vh !important;}
	#ak{height:5vh !important;}
	
	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;}
	footer .container{padding:0 0px;padding-bottom:0vh;}
	main h1{font-size:20px;letter-spacing: 15px;}
.um .um-form label{letter-spacing:3px;}
footer{position:fixed;bottom:0px;background:#1d1d1b;}
footer .col-xl-3:nth-child(1){justify-content: center;}
footer .col-xl-3:nth-child(2){justify-content: center;}
footer .col-xl-3:nth-child(3){justify-content: center;}
footer .col-xl-3:nth-child(4){justify-content: center;}
.esternoS{
			            position: absolute;
            height: auto;
            overflow: hidden;
            height: 50%;
            z-index: 99;
            width: 100%;
            top: 0px;
		}
	.esternoT{
			            position: fixed;
            height: auto;
            overflow: hidden;
            height: 50%;
            z-index: 99;
            width: 100%;
            bottom: 0px;
		}
}