*{margin:0px;padding:0px;}

head{ }
body{
   
            
}
header{
   display:flex;
   justify-content: flex-start;
   background:chartreuse;
   width:100%;
   padding-top:30px;
   padding-left:2px;
    
}
.logo{
    display:flex;
    justify-content: space-between;
    padding-top: 18px;
}
nav{
      display:inline-block;
      padding-left: 30px;
      padding-top: 5px;
      width: 350px;
}
nav ul{}

nav ul li{
    display:inline-block;
    padding-left:35px;
    padding-bottom: 20px;
}
main{
    display: flex;
    justify-content: space-around;

   }
section{
    display: inline-flex;
    justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
    width: 66%;
    background:aqua;
    padding-top: 60px;
    padding-bottom: 60px;
        
}
article{
    display:inline-block;
    background:orange;
    width:32%;
    height:300px;
    margin-bottom:10px;
}
aside{
    display:inline-block;
    justify-content: space-between;
    width: 33%;
    background: gray;
}
footer{
    width: 100%;
    background:chartreuse;
    padding-bottom: 20px;
   
}
.navi2 {
    display:flex;
    justify-content:space-around;
    width: auto;
 
    
}
.navi2 ul li{
    display:inline-block;
    padding-right:200px;
    color:magenta;
    
}