html { 
  background: url("../img/sgr_background_large.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


@media only screen and (max-width: 800px) {
		
html { 
  background: url("../img/sgr_background_small.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }
}

/* settings for DIV */

.feature1 {
	min-height: 100px;
	width: 96.0%;
	margin-top: 0px;
	margin-right: 2.0%;
	margin-left: 2.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	float: left;
}
@media (max-width: 1025px) {
	.feature1 {
		min-height: 100px;
		width: 100.0%;
		margin-right: 1.5%;
		margin-left: 1.5%;
		float: left;
	}
}


a 		{
		text-decoration: none;
		border-bottom: 2px dotted #fff;
		color:#f3924b;
		font-size: 15pt;
		line-height: 22pt;
		font-family: arial, verdana, helvetica;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		outline:none;
		}

a:hover 	{
		color:#fff;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 0px dotted #000;
		}


/* Normal Animated Button ---- */

.example_a {
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background: #f3924b;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
outline:none;
}

.example_a:hover {
background: #777;
text-decoration: none;
letter-spacing: 1px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}