* {
  box-sizing: border-box;
}
/*Styling Body*/
body {
  font-family: Arial;
  margin: 0;
}
/*Styling Header*/
.header {
  padding: 65px;
  text-align: center;
  background: black;

  color: burlywood;

}
/*Link Label*/
.contus {
  background: black;
  padding: 15px 25px;
  text-decoration: none;
  text-align: center;

  color: burlywood;
}
/*Styling Navigation Bar*/
.navbar {
  display: grid;
  background: grey;
  Text-align: Center;
}
/*Styling Nav. Bar Links*/
.navbar a {
  color: Wheat;
  padding: 15px 25px;
  text-decoration: none;
  text-align: center;
}
/*Change Color on Hover*/
.navbar a:hover {
  background: black;
  color: goldenrod;
}
/*Main Content and Side Bar*/
.content {
  display: flex;
  flex-wrap: wrap;
}
/*Side Bar and Divider*/
.sidebar {
  flex: 20%;
  background: lightgrey;
  padding: 20px;
  color: chocolate;
}
/*Content*/
.main {
  flex: 80%;
  background: white;
  color: darkgoldenrod;
  padding: 20px;
}
/*Styling Footer*/
.footer {
  background: black;
  color: burlywood;
  text-align: center;
  padding: 10px;
}
p {
text-align: center
}
imgk {
    align-content: center;
}
/*Responsive Layout*/
@media screen and (max-width: 700px) {
  .content, .navbar {
    flex-direction: column;
  }