/* TRUCK CSS */

html, body{
	padding: 10;
	margin: 10;
	background-color: #ece7dd;
}

div {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	margin: 0 auto;
}

span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 4vw;
	color: #882c39;
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.8vw;
	color: #106152;
}

p {
	position: absolute;
	font-family: 'ZCOOL QingKe HuangYou', cursive;
	font-size: 4.3vw;
	line-height: 5.5vw;
	color: #882c39;
	top: 14vw;
	left: 19vw;
	width: 76vw;
	z-index: 1;
}

.wrapper {
	position: relative;
  margin-right: auto; /* 1 */
  margin-left:  auto; /* 1 */
  max-width: 960px; /* 2 */
  padding-right: 10px; /* 3 */
  padding-left:  10px; /* 3 */
}

.chinesetitle {
	font-family: 'Zhi Mang Xing', cursive;
	text-align: center;
}


#phonenumber {
	position: absolute;
	font-family: 'Playball', cursive;
	font-size: 6.5vw;
	font-weight: 10;
	color: #086351;
	top: 36vw;
	left: 17vw;
	width: 80vw;
}

#green {
	position: absolute;
	z-index: 0;
	font-size: 7.5vw;
	line-height: 1vw;
	text-align: right;
	color: #ece7dd;
	border-radius: 25px;
  	background-color: #086351;
	width: 90vw;
	height: 7vw;
	top: -2vw;
	border: solid 0.25vw #086351;
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-right: 2vw;
	border-radius: 70px;
	margin-left: 5vw;
}

#trucktitle {
	position: absolute;
	vertical-align: center;
	z-index: 1;
	background-color: #ece7dd;
	float: left;
	top: -9.5vw;
	left: 13vw;
	width: 30vw;
	height: 13vw;
	border: solid 0.25vw #086351;
	font-size: 13vw;
	line-height: 1vw;
	box-sizing: border-box;
}

#time {
	font-size: 6vw;
	line-height: 6vw;
	position: absolute;
	vertical-align: bottom;
	z-index: 1;
	float: left;
	top: -4vw;
}

#blue {
	position: absolute;
	color: #2c356e;
	font-style: italic;
	font-size: 3vw;
	left: 7.5vw;
	top: -3vw;
	vertical-align: bottom;
	margin-left: 38vw;
	width: 60vw;
}

#subtitles {
	font-size: 3vw;
	letter-spacing: -0.03em;
	position: absolute;
	top: 11vw;
	left: 2vw;
	width: 94vw;
}

hr {
	position: absolute;
	top: 41.5vw;
	left: 67vw;
	background-color: #882c39;
	border-color: #882c39;
	width: 32vw;
	height: 2px;
}

#hr2 {
	top: 48.5vw;
}

#chinatown {
	top: 37vw;
	left: 65vw;
	color: #ece7dd;
	text-align: center;
	width: 160px;
  	height: 80px;
  	background: #882c39;
  	border-radius: 50%;
}

#addressnumber {
	font-size: 6vw;
	line-height: 6vw;
	position: absolute;
	top: 37vw;
	left: 76.5vw;
}

#address {
	font-size: 3vw;
	line-height: 3vw;
	position: absolute;
	top: 39vw;
	left: 83vw;
	width: 20vw
}

img {
	position: absolute;
	top: 19vw;
	left: 0vw;
}

#graffiti1 {
	position: absolute;
	left: 5vw;
	top: 18vw;
	z-index: 2
}

#graffiti2 {
	position: absolute;
	left: 26vw;
	top: 10vw;
	z-index: 0;
}

#graffiti3 {
	position: absolute;
	left: 37vw;
	top: 20vw;
	z-index: 0;
}

#graffiti4 {
	position: absolute;
	left: 55vw;
	top: 18vw;
	z-index: 2;
	opacity: 0.95;
}

h3 {
	position: absolute;
	top: 46vw;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1vw;
	color: #882c39;
}

/*div {
	position: relative;
	display: inline-block;
	background-color: red;
	width: 10rem;
	height: 20rem;
	margin: 1rem;
	padding-left: 2rem;
	border: dotted 0.25rem lightblue;
	box-sizing: border-box;
}*/