body
	{
		overflow: -moz-scrollbars-vertical;
		overflow-x: hidden;
		overflow-y: auto;
	}
	html, body, #heroimage{
	width:100%;
	height:100%;
}
#heroimage{
/*background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/aboutus.jpg) center center;*/
background-size:cover;
}
img {
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out;
}
img:hover {
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.01);
}
.hide{display: none;}
.fontsizes{font-size:1em;}
.bannertext {
    color: #fff;
    font-size: 2vw;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: -7%;
    letter-spacing: -0.04em;
    text-transform: lowercase;
}
.align{text-align:center; font-weight:800;margin-bottom:15%};

@media only screen and (max-width:769px){
.centers{ text-align: center;}
.notformobile{display: none;}
.bottomspace{font-size:1em;}
.onlyspace{margin:5%;}
.formobile{margin-bottom:15%; margin-top: 15%;}
.mobilehide{display:none;}
.fontsizes{margin-bottom: 10%;} 
 .bannertext
    {
      color: #fff;
    font-size: 10vw;
    font-weight: bolder;
    position: absolute;
    bottom:0%;
    transform: translateX(1%);
    left: 7%;
    letter-spacing: -0.04em;
      }

}
@media (max-width: 769px)
{
	.fontsizes{font-size:1rem; margin-top: 10%}
.mobilehide{display: none;}
.fontsizes{margin-bottom: 10%;} 
.bannertext
    {
      color: #fff;
    font-size: 6vw;
    font-weight: bolder;
    position: absolute;
    bottom:6%;
    transform: translateX(1%);
    left:4%;
    letter-spacing: -0.04em;
    }

} 

.imageposition {
    float: right;
    margin: 0 0 -35px 0;
}