*{
box-sizing: border-box;
}

.col1{
  width: 181px;
  height: 118px;
  border: 5px solid black;
  padding: 10px;
  margin: 10px;
}

.navbar{
  width: 793px;
  height: 117px;
  border: 5px solid black;
  padding: 10px;
  margin: 10px;
}

.col2{
  width: 181px;
  height: 118px;
  border: 5px solid black;
  padding: 10px;
  margin: 10px;
}

.nav{
display: flex;
flex-direction: row;
align-content: center;
margin-left: 5%;
	
}

.featured{
  width: 1204px;
  height: 594px;
  border: 5px solid purple;
  padding: 10px;
  margin: 10px;
  margin-left: 75px;
}

.icons{
  width: 386px;
  height: 346px;
  border: 5px solid purple;
  padding: 10px;
  margin: 10px;
}

.body,icons{
  display: flex;
  flex-direction: row;
  margin-left: 67px;
}

.box{
  width: 347px;
  height: 272px;
  border: 5px solid blue;
}

.row-display{
display: flex;
flex-flow: row;
margin: 0;

}

.display{
display: flex;
flex-flow: row;
margin: 0;

}


.footer-bar{
  width: 794px;
  height: 166px;
  border: 5px solid brown;
  padding: 10px;
  margin: 10px;

}


.foot1{
  width: 390px;
  height: 165px;
  border: 5px solid brown;
  padding: 10px;
  margin: 10px;

}

.footer{
margin-top: 8%;
display: flex;
flex-direction: row;
margin-left: 4%;
}