body {
	background-color: #60a630;
	margin: 0;
}

@font-face {
	font-family: "Avant";
	src: url("/uiassets/avant.eot");
	src: url("/uiassets/avant.woff") format("woff"), url("/uiassets/avant.ttf") format("truetype"),
		url("/uiassets/avant.svg") format("svg");
}

@font-face {
	font-family: "Avant-thin";
	src: url("/uiassets/avant-thin.eot");
	src: url("/uiassets/avant-thin.woff") format("woff"), url("/uiassets/avant-thin.ttf") format("truetype"),
		url("/uiassets/avant-thin.svg") format("svg");
}

h1 {
	font-family: "Avant", Helvetica, Arial, sans-serif;
	color: white;
	font-size: 45px;
	text-align: center;
	margin-top: 78px;
}

h3 {
	font-family: "Avant-thin", Helvetica, Arial, sans-serif;
	text-align: center;
	margin-top: 11px;
	font-size: 22px;
	font-weight: 400;
	padding-left: 24px;
	padding-right: 24px;
}

#bench {
	display: block;
	margin: 0 auto;
	margin-top: 70px;
	width: 394px;
	height: 227px;
	background-image: url('/uiassets/big-bench.png');
}

#head {
	background-color: #ffffff;
	height: 130px;
}

.contrain-width {
	max-width: 1024px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

#logo {
	height: 41px;
	width: 183px;
	background-image: url('/uiassets/bbs-cricket-logo.png');
	background-size: cover;
	position: relative;
	top: 68px;
}

@media (max-width: 480px) {
	#head {
		height: 80px;
	}

	.text h1 {
		max-width: 70%;
		margin: 1em auto;
	}

	h3 {
		font-size: 18px;
	}

	#bench {
		background-image: url('/uiassets/big-bench.png');
		background-size: contain;
		margin-bottom: -2px;
		width: 280px;
		height: 162px;
	}

	#logo {
		top: 24px;
		width: 161px;
		height: 36px;
	}
}