@import url('styles/typography.css');
/*font-family:metropolis-medium; */

body {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
    color: #696969;    
    padding:0px;
    margin:0px;
}

h1 {
    border-bottom: 2px solid #DDDADA;
    color: #996600;    
    font-size: 18px;
    font-family:"Trebuchet MS", Verdana, sans-serif;
}
  

.main {
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffffff;
    border-radius: 0 0 0px 0px;
    width:100%; margin:0 auto; float:left;

}

.nav {
    float: left;
    width: 12%;
    height: 280px; 
    background:#e4e4e7;
    padding: 20px;
    color: #837C7C;
}

.article {
    float: left;
    padding: 20px;
    width: 30%;
    background-color: #f1f1f1;
    height: 280px; 
    
  /* background-color: #d6d6db;*/

}