html{ height:100%; width:100%; }
body { text-align:center; padding:0px; color:#000; background-color: #1167b0; background-image: url('http://worldincrisis.landmarqdigital.com/background.jpg'); background-position: center; background-repeat: no-repeat; 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:#fff; }
h4 { margin: 3% 0 2% 0; font-size: 1.1em; color:#fff; }
<!--
a:link {color: #fff; text-decoration: none; }
a:active {color: #fff; text-decoration: none; }
a:visited {color: #fff; text-decoration: none; }
a:hover {color: #fff; text-decoration: none; }
-->
#ulynkapi_number { height:100px; width:550px; font-size:4em; padding:10px; background-color: rgb(255, 255, 255); color:#000; border: #a06020 2px solid; }
span.highlight {color:#fff;} /* Highlight text - Keywords and phone numbers */
.logo { background-image:url('http://worldincrisis.landmarqdigital.com/worldincrisisimage.jpg'); background-repeat:no-repeat; background-size:cover; width:600px; height:600px; margin:3em auto; } 
.myButton { /* Change gradient of button */
	-moz-box-shadow:inset 0px 1px 0px 0px #a06020; /* Highlight */
	-webkit-box-shadow:inset 0px 1px 0px 0px #a06020; /* Highlight */
	box-shadow:inset 0px 1px 0px 0px #a06020; /* Highlight */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #97371f), color-stop(1, #d17e22));
	background:-moz-linear-gradient(top, #97371f 5%, #d17e22 100%);
	background:-webkit-linear-gradient(top, #97371f 5%, #d17e22 100%);
	background:-o-linear-gradient(top, #97371f 5%, #d17e22 100%);
	background:-ms-linear-gradient(top, #97371f 5%, #d17e22 100%);
	background:linear-gradient(to bottom, #97371f 5%, #d17e22 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#97371f', endColorstr='#d17e22',GradientType=0);
	background-color:#97371f;
	-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, #d17e22), color-stop(1, #97371f));
	background:-moz-linear-gradient(top, #d17e22 5%, #97371f 100%);
	background:-webkit-linear-gradient(top, #d17e22 5%, #97371f 100%);
	background:-o-linear-gradient(top, #d17e22 5%, #97371f 100%);
	background:-ms-linear-gradient(top, #d17e22 5%, #97371f 100%);
	background:linear-gradient(to bottom, #d17e22 5%, #97371f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d17e22', endColorstr='#97371f',GradientType=0);
	background-color:#d17e22;
}
.myButton:active {
	position:relative;
	top:1px;
	border: 0px;
}

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

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

#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://worldincrisis.landmarqdigital.com/worldincrisisimage.jpg'); background-repeat:no-repeat; background-size:cover; width:300px; height:300px; margin:3em auto; } /* add a new logo */
	img { width:300px; height:115px;}
}