/*
* spazyn Grid V1.0.0
* Copyright 2017, spazyn (Pty) Ltd
* www.spazyn.co.za
* 14/04/2017
*/


/* Table of contents
末末末末末末末末末末末末末末末末末末末末末末末末末
- General Style Rewrite
- Site Main Style
*/





/* 
末末末末末末末末末末末末末末末末末末末末末末末末末
General Style Rewrite
末末末末末末末末末末末末末末末末末末末末末末末末末
*/


/* Base & Typography Style Rewrite
末末末末末末末末末末末末末末末末末末末末末末末末末 */
html, body {
  height: 100%; 
}

html { 
	overflow-y:scroll;
}

body {
    background: #F5F5F5;
    background: url(../img/bg.png) repeat;
    color: #9A9A9A;
    line-height: 2;
}


h1,h2,h3,h4,h5,h6 {
    color: #9A9A9A;
}



/* Base & Typography Style Rewrite Media Queries
末末末末末末末末末末末末末末末末末末末末末末末末末 */
@media (min-width: 550px) {


}



/* 
末末末末末末末末末末末末末末末末末末末末末末末末末
Site Main Style
末末末末末末末末末末末末末末末末末末末末末末末末末
*/

/* Header
末末末末末末末末末末末末末末末末末末末末末末末末末 */





/* Header Media Queries
末末末末末末末末末末末末末末末末末末末末末末末末末 */
@media (min-width: 550px) {
    

}






/* Content
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.content-bg {
    position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    text-align: center;
}

.logo{
	background: url(../img/logo.svg) no-repeat center center;
	width: 100%;
	padding: 0rem 0;
}

.logo a {	
	display : block;
	width: 26rem;
	height : 12rem;
	margin: 0 auto;
}

.logo h1{
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px;	
}

.content h2 {
    font-size: 3.2rem;
    line-height: 4.4rem;
}


.button, 
.button:focus,
input.button,
input.button:focus {
	height: 4rem;
	color: #fff;
	font-size: 1.6rem;
	line-height: 4rem;
	border: none;
	border-radius: 2rem 0;
	padding: 0 1.6rem;
	margin: 0.8rem 2rem 0.8rem 0;
}

.button:hover, 
.button:active,
input.button,
input.button:hover {
	color: #fff;
}

.button-green, 
.button-green:focus,
input.button-green,
input.button-green:focus {
	background-color: #6A963F;
	border-bottom: solid 0.3rem #587A37;
}

.button-green:hover, 
.button-green:active,
input.button-green:hover,
input.button-green:active {
	background-color: #6A963F;
	border-bottom: solid 0.1rem #587A37;
}

/* Content Media Queries
末末末末末末末末末末末末末末末末末末末末末末末末末 */
@media (min-width: 550px) {


}











/* 
末末末末末末末末末末末末末末末末末末末末末末末末末
 IE 10+ Styles
末末末末末末末末末末末末末末末末末末末末末末末末末
*/
	
/* 
末末末末末末末末末末末末末末末末末末末末末末末末末
General Style
末末末末末末末末末末末末末末末末末末末末末末末末末
*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
	/* 
	末末末末末末末末末末末末末末末末末末末末末末末末末
	General Style
	末末末末末末末末末末末末末末末末末末末末末末末末末
	*/
	
    .body {
        
    }

	/* Header
	末末末末末末末末末末末末末末末末末末末末末末末末末 */
	


}