@import  url(reset.css);
@import  url("varibles.css");
@import  url("mobile.css");

@import  url(myStyle.css);

@import  url(typography.css);
@import  url(12colGrid.css);



body, html {
    margin: 0;
    height:100%;
   
}



body{
  
   
}

#wrapper{
	width: 90%;
	height: auto;
	margin: 0 auto;
	
	
	
}

/*headers*/
header{
   width: 100%; margin: 0 auto 20px  auto; 
   
    
}


nav{width: 100%; height: auto; }






main{width: 100%;
     height: auto;
     min-height: 500px;
     display: block;}

article{ width: inherit; height: auto; margin:1px 0;}


 section {
    width: 100%;
	
    display: block;
    margin: 0 auto;
    height: 100vh;
    box-sizing: border-box;
}

   section:focus { outline: none!important;}





footer{
	
	position: relative;
	clear: both;
	display: block;
	width:100%;
	margin: auto 0 ;
	height:100px;
	bottom:0;
	left:0;
  	
}



/*Class and Ids*/

#wrapper{
    width:90%;
    height:auto;
    min-height:500px;
    margin:0 auto;
    
}