/**
 * Place ALL CSS overwrites within this css file
 * Placing any styles within the main.css will disable automatic updates and void the warranty
 */
 
 
 /* Page footer background box  */
 
.backgrd_alt {
	color:#f79320;
	background-image: url(../imgs/schm_backgrd_nat.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 -300px;
	display: block;
	height: 175px;
	width: 100%;
	margin-top: -20px;	
}

@media only screen and (max-device-width: 480px) {
  /* define mobile specific styles come here */
  .backgrd_alt { 
    color:#f79320;
	background-image: url(../imgs/schm_backgrd_nat.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0px;
	display: block;
	height: 155px;
	width: 100%;
	margin-top: -20px;
  }
}



.foot_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: italic;
	color: #933;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font-weight: 700;
	bottom: 40px;
	height: 100%;
	width: auto;
	vertical-align: middle;
	padding-top: 60px;
}

/* Page image scaleable  */

.image-wrapper96
{
position: relative;
width: 100%;
}

.scale-image96
{
display: block;
width: 100%;
max-width: 96%;
}

.image-wrapper75
{
position: relative;

}

.scale-image75
{
display: block;
width: auto;
max-width: 75%;
min-width: 300px;
}

.image-wrapper35
{
position: relative;

}

.scale-image35
{
	display: block;
	width: auto;
	max-width: 36%;
	min-width: 260px;
}

.image-wrapper30
{
position: relative;

}

.scale-image30
{
	display: block;
	width: auto;
	max-width: 28%;
	min-width: 100px;
}

.image-wrapper20
{
position: relative;

}

.scale-image20
{
	display: block;
	width: auto;
	max-width: 17%;
	min-width: 125px;
}