html {
  font-size: 100%;
  height: 100%;
  text-align: center;
}
#page-wrapper {
     margin: 0 auto;
     width: 100%;
}
#title {
	margin-top: 100px;
	text-align: center;
}
#btn-new {
	margin-top: 40px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}
#quote {
	font-size:20px;
	font-family: "Impact";
	text-align: center;
}
#author {
	height:40px;
	font-size: 17px;
	margin-bottom: 30px;
	text-align: center;
}
#name {
  margin-top: 50px;
  color: #999;
  bottom:100%;
}
@media (min-width: 300px) {
#page-wrapper {
	width:300px;
}
}

@media (min-width: 400px) {
#page-wrapper {
	width:300px;
}
}

/* Lager than phablet*/

@media (min-width: 550px) {
#page-wrapper {
	width:450px;
}
}

/* Larger than tablet */

@media (min-width: 750px) {
#page-wrapper {
	width:600px;
}
}

/* Larger than desktop */

@media (min-width: 1000px) {
#page-wrapper {
	width:700px;
}
}
/* Larger than Desktop HD */

@media (min-width: 1200px) {
#page-wrapper {
	width:800px;
}
}