* {
  box-sizing: border-box;
}
 /*Styling Body*/
 body {
   font-family: Arial;
   margin: 0;
 }
/*Styling Header*/
.header {
  padding: 65px;
  text-align: center;
  background: black;
  
  color: khaki;
  
}
/*Link Label*/
.contus {
  background: black;
  padding: 15px 25px;
  text-decoration: none;
  text-align: center;
  
  color: khaki;
}
/*Styling Navigation Bar*/
.navbar {
  display: grid;
  background: blue;
  Text-align: Center;
}
/*Styling Nav. Bar Links*/
 .navbar a {
  color: navajowhite;
  padding: 15px 25px;
  text-decoration: none;
  text-align: center;
}
/*Change Color on Hover*/
.navbar a:hover {
  background: coral;
  color: white;
}
/*Main Content and Side Bar*/
.content {
  display: flex;
  flex-wrap: wrap;
}
/*Side Bar and Divider*/
.sidebar {
  flex: 20%;
  background: coral;
  padding: 20px;
  color:  White;
}
/*Content*/
.main {
  flex: 80%;
  background: black;
  color: darkgoldenrod;
  padding: 20px;
}
/*Styling Footer*/
.footer {
  background: black;
  color: khaki;
  text-align: center;
  padding: 10px;
}
/*Responsive Layout*/
@media screen and (max-width: 700px) {
  .content, .navbar {
	flex-direction: column;
  }