/*  ALL LAYOUT CSS GOES IN THIS FILE */

* { box-sizing: border-box; }

html, body  { width: 100%;   }  /*body margin is set to 0 in normalize */


	header{
    position: fixed;
    top: 0;
    left: 0;
    height: 3em;
    line-height: 3em;
    width: 100%;
    text-align: center;
  }
    
  nav{
    position: fixed;
    top: 3em;
    width: 100%;
    height: 3em;
    line-height: 3em;
  }
  
  nav ul{
    list-style-type: none;

    text-align: center;
    padding: 0;
    margin: 0 auto;
  }
  
  nav ul li{
    
    display: inline;

  }
  
  nav ul li a{
    margin: 0em 2em;
    text-decoration: none;
    color: white;
  }
  
  #hero{
    margin: 8em 1em 1em 1em;
    height: 30em;
    width; 100%;

    
  }
  
  #hero img{
    width: 100%;
  	height: 30em;

  	
  	object-fit: cover;
  	object-position: 50% 20%;
    margin-bottom: 1em;
  }
    
  
  #sidebar{
    float: left;
    margin-right: 1em;
    height: 30em;
    width: calc(25% - 0.5em);
    padding: 1em;
  }
  
  #main{
    float: right;
    height: 30em;
    width: calc(75% - 0.5em);
    padding: 1em;
  }
  
  #consulting{
    float: left;
    width: 100%;
    padding: 1em;
  }
  
  #consulting article{
    float: left;
    width: 100%;
    padding: 1em;
  }
  
  #consulting img{
    width: 8em;
    margin: 0.5em;
    height: 4em;
    float: left;
  }
  
  footer{
    float: left;
    margin-top: 1em;
    height: 10em;
    width: 100%;
    padding: 1em;
  }
}