@charset "utf-8";

body {
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	background-color:#F3F3F3;
}

h1 {
	text-align:center;
}

h2 {
	text-align:center;
}

h3 {
	text-align:center;
}

h4 {
	text-align:center;
	letter-spacing:1px;
}

#cf {
	margin:auto;
	display:block;
	width:200px;
	margin-top:10%;
	border-radius:5px;
	border:solid medium;
}

#sd {
	width:100px;
	float:right;
	margin:0 10px 10px 0;
	border:solid thin;
	position:absolute;
	bottom:10px;
	right:10px;
}

#design {
	font-family:"Lucida Console";
}

.pipe {
	font-size:27px;
	font-stretch:ultra-condensed;
	color:gray;
}

@media screen and (max-width: 1024px) {

#cf {
	width:300px;
	margin-top:20px;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.5em;
}
	
}

@media screen and (max-width: 736px) {

#cf {
	margin-top:20px;
	width:150px;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:.7em;
}

h3 {
	font-size:1.3em;
}

#sd {
	width:50px;
}

}

@media screen and (max-height: 520px) {

#cf {
	margin-top:10px;
	width:150px;
}

#sd {
	top:10px;
	right:10px;
}

h2 {
	font-size:1em;
}

}

/*@media screen and (max-height: 1024px) {

#cf {
	width:100px;
	margin-top:10%;
}

h1 {
	font-size:3em;
}

h2 {
	font-size:2em;
}

h3 {
	font-size:2em;
}
	
}*/