@charset "UTF-8";
/* CSS Document */

.court-wrapper {
	background:url("/includes/images/tennis-og/stadium1.png"); 
	background-repeat: no-repeat; 
	background-position: top left; 
	background-size:100% auto;
}

#img3 {
	-webkit-transform: rotateX(35deg);
	-moz-transform: rotateX(35deg);
	-ms-transform: protateX(35deg);
	-o-transform: rotateX(35deg);
	transform: rotateX(35deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: initial;
}

#img4 {
	-webkit-transform: rotateX(45deg);
	-moz-transform: rotateX(45deg);
	-ms-transform: rotateX(45deg);
	-o-transform: rotateX(45deg);
	transform: rotateX(45deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: initial;
}

.logo-1 {
    position: absolute;
    text-align: center;
    top: 447px;
    width: 100%;
    max-height: 160px;
    perspective: 300px;
}

.logo-1 img {
	z-index: 999999;
	width: auto;
	height: 100%;
	object-fit: contain;
	max-height: 60px;
	top: 0;
	position: relative;
}

.logo-2 {
	position: absolute;
	text-align: center;
	top: 253px;
	width: 100%;
	max-height: 60px;
	perspective: 300px;
}

.logo-2 img {
	z-index: 999999;
	width: auto;
	height: 100%;
	object-fit: contain;
	max-height: 28px;
	top: 0;
	position: relative;
	overflow: hidden;
}

.net img {
	position: absolute;
	top: 286px;
	z-index: 999999;
}


@media screen and (max-width:992px) and (min-width:769px) {
	
	.logo-1 {
		top: 340px;
	}
	
	.logo-1 img {
		max-height: 50px;
	}

	.logo-2 {
		top: 191px;
	}

	.logo-2 img {
		max-height: 22px;
	}
	
	.net img {
		top: 227px;
	}

}

@media screen and (max-width:768px) and (min-width:578px) {
	
	.logo-1 {
		top: 261px;
	}
	
	.logo-1 img {
		max-height: 36px;
	}
	
	.logo-2 {
		top: 143px;
	}
	
	.logo-2 img {
		max-height: 18px;
	}

	.net img {
		top: 175px;
	}

}

@media screen and (max-width:576px) {
	
	.logo-1 {
		top: 133px;
	}
	
	.logo-1 img {
		max-height: 18px;
	}
	
	.logo-2 {
		top: 68px;
	}
	
	.logo-2 img {
		max-height: 9px;
	}

	.net img {
		top: 92px;
	}
	
}