html{ height:100%; width:100%; }
body { text-align:center; padding:0px; color:#555; background-color: #fff; } /* Change bg color or add a bg image */
p { font-size:10pt; color:#555; } /* Change text color */
h1, h2, h3, h4, p, label { color:#555; font-family:Helvetica, Arial, sans-serif; font-weight:400; line-height:1.1; }
h1 { font-family:"Oswald", sans-serif; font-size:5.5em; margin:2% 0 0 0; font-weight:700; } /* largest header, use custom google font */
h2 { font-family:"Oswald", sans-serif; margin: 0 0 1% 0; font-size:2.75em; } /* subheader, use custom google font */
h3 { line-height:1; font-size:1.75em; margin:1% 0 4% 0;}
h4 { margin: 1% 0 4% 0; font-size: 1.1em; }
#ulynkapi_number { height:100px; width:550px; font-size:4em; padding:10px; background-color: rgba(159,207,103,.3); color:#555; border: #9fcf67 2px solid; }
span.highlight {color:#9fcf67;} /* Highlight text - Keywords and phone numbers */
.logo { background-image:url('/pure_space_logo.png'); background-repeat:no-repeat; background-size:cover; width:210px; height:112px; margin:0 auto; } /* add a new logo */
.myButton { /* Change gradient of button */
	-moz-box-shadow:inset 0px 1px 0px 0px white; /* Highlight */
	-webkit-box-shadow:inset 0px 1px 0px 0px white; /* Highlight */
	box-shadow:inset 0px 1px 0px 0px white; /* Highlight */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F0F0F0), color-stop(1, #DDD));
	background:-moz-linear-gradient(top, #F0F0F0 5%, #DDD 100%);
	background:-webkit-linear-gradient(top, #F0F0F0 5%, #DDD 100%);
	background:-o-linear-gradient(top, #F0F0F0 5%, #DDD 100%);
	background:-ms-linear-gradient(top, #F0F0F0 5%, #DDD 100%);
	background:linear-gradient(to bottom, #F0F0F0 5%, #DDD 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DDD',GradientType=0);
	background-color:#F0F0F0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #AAA;
	display:inline-block;
	cursor:pointer;
	color:#9fcf67;
	font-family:Trebuchet MS;
	font-size:2.5em;
	font-weight:bold;
	padding:12px 48px;
	text-decoration:none;
	text-shadow:0px 1px 0px #548A2A;
}
.myButton:hover { /* Gradient Hover (Opposite) */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DDD), color-stop(1, #F0F0F0));
	background:-moz-linear-gradient(top, #DDD 5%, #F0F0F0 100%);
	background:-webkit-linear-gradient(top, #DDD 5%, #F0F0F0 100%);
	background:-o-linear-gradient(top, #DDD 5%, #F0F0F0 100%);
	background:-ms-linear-gradient(top, #DDD 5%, #F0F0F0 100%);
	background:linear-gradient(to bottom, #DDD 5%, #F0F0F0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD', endColorstr='#F0F0F0',GradientType=0);
	background-color:#DDD;
}
.myButton:active {
	position:relative;
	top:1px;
	border: 0px;
}

#footer {
	width: 70%;
	margin:0 auto;
	margin-bottom:5em;
}

@media only screen and (min-width : 320px) and (max-width: 700px) {
	html {font-size:.6em;}
	#ulynkapi_number { height:70px; width:90%; font-size:4em; padding:25px 5px; background-color: rgba(159,207,103,.3); color:#555; border: #9fcf67 2px solid; }
	#footer { width:90%; -webkit-appearance:none; margin-bottom:5em; }
	h4 { font-size:1.4em; }
	p { font-size: 8pt; }
}