* {
	margin:0;
	padding:0;
	font-size:62.5%
}
html { overflow-y:scroll }
body {
	background:#fff;
	font-size:1.8rem;
	color:#666;
	font-family:Arial, helvetica, sans-serif
}
ol, ul {
	list-style:none;
	margin:0
}
ul li {
	margin:0;
	padding:0
}
h1, h2 {
	color:#111;
	width:100%;
	font-size:2.4rem;
	margin:0 auto;
	text-align:center
}
a, img {
	outline:none;
	border:none;
	color:#000;
	font-weight:700;
	text-transform:uppercase
}
p {
	margin:10px 0;
	line-height:1.4em;
	font-size:110%;
	text-align:justify;
	color:#000;
	font-size:1.8rem
}
img { display:block }
aside {
	font-style:italic;
	font-size:100%
}
section, aside, header, hgroup, menu, footer {
	display:block;
	width:100%
}
a { text-decoration:none }
a:hover { text-decoration:underline }
.description { display:none }
header li#goTo {
	background:#fae1bd;
	font-size:1.6rem;
	width:30%;
	margin:0 auto;
	padding:1.5%;
	text-align:center;
	border-radius:10px;
	box-shadow:0 1px 2px #343434
}
p {
	width:92%;
	margin:2% auto
}
header h1 {
	height:70px;
	width:160px;
	display:block;
	margin:10px auto 0;
	background:url(../images/tulip-header.png) 0 0 no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	color:#000
}
header nav {
	margin:0;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	box-sizing:border-box;
	width:100%
}
header nav li {
	display:block;
	width:100%;
	margin:0 auto;
	font-size:3.4rem;
	text-align:center;
	background:#fae1bd;
	border-top:1px solid #222;
	border-bottom:1px solid #000;
	padding:1% 0;
	box-sizing:border-box
}
#goTo li { background:#f7b0b0 }
#banner {
	margin:15px auto;
	width:100%;
	background-color:transparent
}
.normal { display:inline }
.phone { display:none }
a[title="responsive"] {
	color:red;
	padding-top:5px;
	text-decoration:underline
}
body::before {
	content:"Starting CSS - Cell Phone";
	padding:0;
	background-color:#fae1bd;
	color:#000
}
#banner img {
	width:80%;
	margin:auto
}
aside h2 { text-align:center }
footer {
	margin-top:3%;
	margin-bottom:2%;
	width:100%;
	height:auto;
	border-top:3px solid #da000e;
	padding-top:1%;
	text-align:center;
	font-size:1.8rem;
}
footer a {font-size:1.8rem;}
#wrapper { padding:0 }
.phone {
	display:block;
	text-align:center;
	width:30%;
	text-align:center;
	margin:auto
}
.phone a {
	font-size:1.8rem;
	color:#900
}
@media screen and (min-width:600px) {
#goTo { display:none }
header { width:100% }
header h1 {
	width:40%;
	display:inline-block;
	margin-bottom:-30px
}
nav {
	width:58%;
	display:inline-flex;
	justify-content:flex-end;
	flex-wrap:wrap-reverse;
	text-align:right;
	border:none!important
}
header nav li {
	display:inline;
	width:24%;
	font-size:2.2rem;
	text-align:right;
	background:transparent;
	box-shadow:none;
	padding:0 6px;
	border:none!important;
	text-shadow:0 0 10px #aaa
}
#banner {
	margin:15px auto;
	background-color:#e2dad8;
	box-shadow:1px 1px 10px #343434;
	background-color:#5accf9;
	width:100%
}
body::before {
	content:"min-width:600px - Tablet ";
	background-color:#5accf9
}
body { background-color:#dcf3fc }
aside {
	width:96%;
	margin:1% auto;
	box-shadow:1px 1px 1px #343434;
	background-color:#EEE;
	padding:1% 0;
	border-radius:10px
}
#wrapper { padding:0 5% }
p { text-align:left }
}
@media screen and (min-width:900px) {
section {
	width:56%;
	display:inline-block;
	vertical-align:top
}
aside {
	width:42%;
	display:inline-block;
	vertical-align:top;
	background-color:#FFF
}
body::before {
	content:" min-width:900px Netbook ";
	background-color:#edb23c;
	color:#FFF
}
body { background-color:#f1e5cd }
#banner { background-color:#edb23c }
.phone { display:none }
header nav li { font-size:2.2rem }
}
@media screen and (min-width:1280px) {
body::before {
	content:"min-width:1280px Standard Display";
	background-color:#e28db1
}
body { background-color:#e5d7dd }
#banner { background-color:#e28db1 }
#banner img {
	width:100%;
	margin:auto;
	max-width:800px
}
#wrapper { padding:0 7% }
header nav li { font-size:2.4rem }
header h1 {
	height:75px;
	width:171px;
	background-size:contain
}
}
@media screen and (min-width:1400px) {
body::before {
	content:"min-width:1400px Medium Res Display";
	background-color:#FFF;
	color:#000
}
body { background-color:#FFF }
#banner { background-color:#e2dad8 }
#main p { color:#000 }
#wrapper { padding:0 10% }
header nav li { font-size:2.6rem }
aside { background-color:#EEE }
header h1 {
	height:80px;
	width:183px;
	background-size:contain
}
}
@media screen and (min-width:1600px) {
body::before {
	content:"min-width:1600px Hi Res Display";
	background-color:#EEE;
	color:red
}
#wrapper { padding:0 16% }
header nav li { font-size:2.8rem }
header h1 {
	height:90px;
	width:205px;
	background-size:contain
}
}

 img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:44px;
	 height:15px;
	 display:inline-block;}