html {
   height: 100%;
}
body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
    margin:0;
    padding:0;
    background: #707070;
    font: 400 15px Segoe UI, Roboto,sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 15px;
    font-family:  Segoe UI, Roboto, sans-serif;
}

header {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  padding: 0px;
  text-align: center;
    line-height: 24px;
  background: url('../images/hbg.png') repeat-x left top;
  z-index: 2;
}
.example {
  margin-top: 116px;
    background: url(../images/bg.png);
}

.main {
  display: flex;
margin-left:25px;
}

aside {
}

.content {
  max-width: 80%;
  margin:auto;
  
}
footer {
  width: 100%;
  text-align: center;
background: url('../images/fbg.png') repeat-x left bottom;
}
footer {
  align-self: flex-end;
}