* {
	padding: 0;
	margin: 0;
}

body {
	background: rgb(22, 32, 55) url(img/bg.png) center top;
	color: #fff;
	font-family: Verdana;
}
#wrapper {
	text-align: center;
	margin: 100px auto;
	width: 430px;
}
.mbt {
	margin-bottom: 15px;
}
.please {
	font-size: 60px;
	color: #cfd0d1;
	border-bottom: 2px solid #db533b;
	padding-bottom: 10px;
}
.please span {
	font-size: 35px;
}

.work {
	font-size: 70px;
	color: #cfd0d1;
	text-transform: uppercase;
}
.site {
	font-size: 35px;
	color: #fff;
	background: #db533b;
	height: 60px;
	line-height: 60px;
	font-family: Comic Sans MS;
}
.open {
	font-size: 30px;
	color: #cfd0d1;
	text-transform: uppercase;
}
@media screen and (max-width: 430px) {
	#wrapper {
		margin: 70px auto;
		width: 95%;
	}
	.please {
		font-size: 50px;
		padding-bottom: 7px;
	}
	.please span {
		font-size: 30px;
	}

	.work {
		font-size: 55px;
	}

	.site {
		font-size: 30px;
	}

	.open {
		font-size: 30px;
	}
}
@media screen and (max-width: 370px) {
	#wrapper {
		margin: 50px auto;
		width: 95%;
	}
	.please {
		font-size: 45px;
		padding-bottom: 5px;
	}
	.please span {
		font-size: 25px;
	}

	.work {
		font-size: 50px;
	}

	.site {
		font-size: 25px;
	}

	.open {
		font-size: 25px;
	}
}