html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
 /background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:wider;
}
.container {
	background: url("images/login/pattern.png") repeat scroll 0 0 transparent;
	height: 100%;
}
.s-text-containt {
    background: url("images/login/sage.png") no-repeat scroll 20px bottom rgba(44,194,43,0.75);
    height: 100%;
    width: 37%;
}
.s-text {
    color: white;
    font-size: 3em;
    line-height: 1.5em;
    padding: 0.8em;
}
a {
	/*color: #34B233;*/
	text-decoration: none;
	
	color:white;
}
a:hover, a:focus {
	color:#4d4f53;
}
.s-product {
	border-top: 3px dotted;
}
.s-start {
	border-bottom: 3px dotted;
	border-top: 3px dotted;
}
@media screen and (max-width: 1024px) {
 body {
 font-size:0.7em  /* 50% */
}
.s-text-containt {
    background: url("images/login/sage-small.png") no-repeat scroll 0 bottom rgba(44,194,43,0.75);
    height: 100%;
    width: 50%;
}

}
 @media screen and (max-width: 480px) {
body {
 font-size:0.55em  /* 50% */
}
.s-text-containt {
    background: url("images/login/sage-small.png") no-repeat scroll 0 bottom rgba(44,194,43,0.75);
    height: 100%;
    width: 70%;
}