html{ height:100%; width:100%; }
body { text-align:center; padding:0px; color:#000; background-color: #5f5e5e; margin:0; } /* Change bg color or add a bg image */
p { font-size:10pt; color:#fff; } /* Change text color */
h1, h2, h3, h4, p, label { 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; color:#000; } /* largest header, use custom google font */
h2 { font-family:"Oswald", sans-serif; margin: 0 0 1% 0; font-size:2.75em; color:#000; } /* subheader, use custom google font */
h3 { line-height:1; font-size:1.75em; color:#000; }
h4 { margin: 3% 0 2% 0; font-size: 1.1em; color:#fff; }
#ulynkapi_number { height:100px; width:550px; font-size:4em; padding:10px; background-color:ffffff; color:#000; border: #6d030c 2px solid; }
span.highlight {color:#fff;} /* Highlight text - Keywords and phone numbers */
.logo { background-image:url('http://robertgarcia.landmarqdigital.com/logo.png'); background-repeat:no-repeat; background-size:cover; width:300px; height:288px; margin:3em auto; } /* add a new logo */
.myButton { /* Change gradient of button */
	-moz-box-shadow:inset 0px 1px 0px 0px #6d030c; /* Highlight */
	-webkit-box-shadow:inset 0px 1px 0px 0px #6d030c; /* Highlight */
	box-shadow:inset 0px 1px 0px 0px #6d030c; /* Highlight */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6d030c), color-stop(1, #d72939));
	background:-moz-linear-gradient(top, #6d030c 5%, #d72939 100%);
	background:-webkit-linear-gradient(top, #6d030c 5%, #d72939 100%);
	background:-o-linear-gradient(top, #6d030c 5%, #d72939 100%);
	background:-ms-linear-gradient(top, #6d030c 5%, #d72939 100%);
	background:linear-gradient(to bottom, #6d030c 5%, #d72939 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d030c', endColorstr='#d72939',GradientType=0);
	background-color:#6d030c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #AAA;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Trebuchet MS;
	font-size:2.5em;
	font-weight:bold;
	padding:12px 48px;
	text-decoration:none;
	text-shadow:0px 1px 0px black;
}
.myButton:hover { /* Gradient Hover (Opposite) */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d72939), color-stop(1, #6d030c));
	background:-moz-linear-gradient(top, #d72939 5%, #6d030c 100%);
	background:-webkit-linear-gradient(top, #d72939 5%, #6d030c 100%);
	background:-o-linear-gradient(top, #d72939 5%, #6d030c 100%);
	background:-ms-linear-gradient(top, #d72939 5%, #6d030c 100%);
	background:linear-gradient(to bottom, #d72939 5%, #6d030c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d72939', endColorstr='#6d030c',GradientType=0);
	background-color:#d72939;
}
.myButton:active {
	position:relative;
	top:1px;
	border: 0px;
}

#footer {
	width: 100%;
	margin:2em auto 0;
	padding:2em 0 5em;
	background:rgb(78, 15, 26);
	box-shadow: 0px 9px 36px 4px #000;
}

#footer h4, #footer p, #footer {
	color: #fff;
}

#footer span.highlight { color:#fff; }

@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; }
	#footer { width:96%; -webkit-appearance:none; margin-bottom:5em; padding:2em 2% 5em; }
	h4 { font-size:1.4em; }
	p { font-size: 8pt; }
	.logo { background-image:url('http://robertgarcia.landmarqdigital.com/logo.png'); background-repeat:no-repeat; background-size:cover; width:300px; height:288px; margin:3em auto; } /* add a new logo */
	img { width:300px; height:125px;}
}