/* CSS Document */

body {display: flex; min-height: 100vh; flex-direction: column;margin:0;padding:0;font-family: 'Arimo', sans-serif;}
main {z-index:1;flex: 1;}
footer {background:#BDC0C6;z-index:1;}

footer {color:#FFF;text-size:0.6em;text-align:center;border-top:1px solid #666;}


.hero {text-align:center;}
.hero h1 {color:#FFF;padding-top:30vh;font-size: 3.8em;text-shadow: 0px 4px 4px #666; padding-bottom:30vh; font-family: 'Alfa Slab One', cursive; font-weight:normal;}

.maincontent {font-size:1.2em; background:#FFF; line-height:1.5em;padding:0 0 50px 0;border-top:1px solid #CCC;}
.maincontent .inner {max-width:1170px; width:90%;margin-left:auto; margin-right:auto;}
.maincontent h2 {font-family: 'Alfa Slab One', cursive; font-weight:normal; text-align:center; margin-top:40px;}

@media only screen and (max-width: 768px)
{
     
     body{font-size:0.9em;}
     .hero h1 {font-size:2.5em;}
     .split33 {width:100% !important;}
      
     
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	box-sizing: border-box; 
}

.row:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.split33 div  {margin:0 10px; padding:15px 20px;}

.split33 {width:33.333%; float:left;font-size:0.9em;color:#27313D;}
.alctr {text-align: center;}
.aljst {text-align: justify;}

/* Full Screen Background */
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
     z-index: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}