@import url('https://fonts.googleapis.com/css?family=Oxygen');

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#content {
	overflow:auto;
	padding-bottom: 50px; /* must be same height as the footer */
} 

#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/

body {font-family:"Oxygen",sans-serif, arial;}
a,a:active,a:visited,a:hover{color:slategray;text-decoration:none;}
h1,h2{margin:15px auto;color:#4cc3f0;}
h1{font-size:27px;}
h2{font-size:23px;}
p.error{color:red;border:2px solid red;font-size:14px;width:250px;margin:auto;}
div.errors p.error{border:none;width:auto;}
div#wrap{background:url('../images/logo-repeat.png?abc') repeat whitesmoke;}
div#content {padding:80px 25px 20px;margin:auto;overflow:hidden;text-align:center;line-height:30px;}
div#content form {margin-top:20px;font-size:20px;}
div#content form label{display:block;padding-bottom:13px;position:relative;top:-2px;clear:left;font-size:16px;}
div#content form input {padding: 5px 15px;border:3px solid lightblue;border-radius:10px;width:215px;height:25px;position:relative;top:-6px;}
div#content form input[type=submit] {height:45px;width:200px;font-size:20px;color:#343b49;border-radius:5px;background:#deeff4;border:2px solid #26b6e3;color:#26b6e3;}
div#content form div.g-recaptcha div {margin:26px auto 29px;clear:both;padding-top:5px;}
div#content div#success,div#content div#error{display:none;padding:7px 11px 12px;margin:35px auto 42px;line-height:30px;font-family:"Ubuntu", sans-serif;}
div#content div#success {border:3px solid forestgreen;background:green;color:white;}
div#content div#error{border:3px solid #ff0000;background:#bf0000;color:white;}
div#content div span#errorUrl, div#content div span#successUrl {font-family:"Ubuntu Mono",monospace;font-size:19px;padding:2px 4px;}
div#content div#loading, div#content div#output {display:none;margin-top:20px;}
div#footer {font-size:13px;color:#757575;line-height:50px;text-align:center;}
div#footer p {margin:auto;}
div#content small {font-size:60%;color:gray;clear:both;display:block;text-align:center;margin:-3px auto 25px;}
div#shorten {width:85%;margin:auto;box-shadow:0px 0px 50px whitesmoke;}
div#shorten div.mainThird {border-right:4px solid #4cc3f0;width:27%;float:left;margin-right:25px;padding:25px;min-height:208px;}
div#shorten div.mainThird h2{color:#4cc3f0;}
div#shorten div.mainThird.third {border-right:none;}
div#shorten p.submit{padding-top:42px;clear:both;}
div#content a img{max-width:100%;}
@media only screen and (max-width: 1500px) {
	div#shorten {max-width:720px;}
	div#shorten div.mainThird {width:100%;float:none;border-right:none;min-height:inherit;padding:4px;}
	div#shorten p.submit{margin-bottom:40px;}
	div#shorten div.mainThird h2 {margin-top:2px;}
	div#content form div.g-recaptcha div {padding:0px;margin:auto;}
}