html {
	position:relative;
	min-height:100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.backg {
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer {
	position: absolute;
	bottom: 0;
	left:0;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
}

/* Extra small */
@media screen and (max-width:575px) {
	p, ul, ol, input, select {font-size: 12px !important;}
	h1 {font-size:24px !important;}
	h2 {font-size:16px !important;}
	.lg-white {font-size:42px !important; color:white; line-height:1em;}
	.md-white {font-size:22px !important; color:white; line-height:1em;}
	.sm-white {font-size:16px !important; color:white; line-height:1em;}
	#rc-imageselect, .g-recaptcha {transform:scale(0.64);-webkit-transform:scale(0.64);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

/* Small */
@media screen and (min-width:576px) {
	p, ul, ol, input, select {font-size: 14px !important;}
	h1 {font-size:28px !important;}
	h2 {font-size:17px !important;}
	.lg-white {font-size:60px !important; color:white; line-height:1em;}
	.md-white {font-size:28px !important; color:white; line-height:1em;}
	.sm-white {font-size:20px !important; color:white; line-height:1em;}
}

/* Medium*/
@media screen and (min-width:768px) {
	p, ul, ol, input, select {font-size: 14px !important;}
	h1 {font-size:32px !important;}
	h2 {font-size:24px !important;}
	.lg-white {font-size:84px !important; color:white; line-height:1em;}
	.md-white {font-size:32px !important; color:white; line-height:1em;}
	.sm-white {font-size:20px !important; color:white; line-height:1em;}
}

/* Large*/
@media screen and (min-width:992px) {
	p, ul, ol, input, select {font-size:15px !important;}
	h1 {font-size:24px !important;}
	h2 {font-size:18px !important;}
	.lg-white {font-size:52px !important; color:white; line-height:1em;}
	.md-white {font-size:26px !important; color:white; line-height:1em;}
	.sm-white {font-size:16px !important; color:white; line-height:1em;}
}

/* Extra large */
@media screen and (min-width:1200px) {
	p, ul, ol, input, select {font-size:15px !important;}
	h1 {font-size:28px !important;}
	h2 {font-size:20px !important;}
	.lg-white {font-size:60px !important; color:white; line-height:1em;}
	.md-white {font-size:30px !important; color:white; line-height:1em;}
	.sm-white {font-size:20px !important; color:white; line-height:1em;}
}

/* XXL */
@media screen and (min-width:1600px) {
	p, ul, ol, input, select {font-size:16px !important;}
	h1 {font-size:32px !important;}
	h2 {font-size:24px !important;}
	.lg-white {font-size:84px !important; color:white; line-height:1em;}
	.md-white {font-size:42px !important; color:white; line-height:1em;}
	.sm-white {font-size:26px !important; color:white; line-height:1em;}
}

/* XXXL */
@media screen and (min-width:1900px) {
	p, ul, ol, input, select {font-size:17px !important;}
	h1 {font-size:36px !important;}
	h2 {font-size:28px !important;}
	.lg-white {font-size:96px !important; color:white; line-height:1em;}
	.md-white {font-size:48px !important; color:white; line-height:1em;}
	.sm-white {font-size:28px !important; color:white; line-height:1em;}
}

.grad {
	z-index: 5;
	background: #f0f0f0; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#C8C0C0, #E8E0E0, #C8C0C0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#C8C0C0, #E8E0E0, #C8C0C0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#C8C0C0, #E8E0E0, #C8C0C0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#C8C0C0, #E8E0E0, #C8C0C0); /* Standard syntax */
}

#copyr {
	padding: 0 40px;
	font-size: 12px;
	color: white;
}