html {
   height: 100%;
}
body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
    margin:0;
    padding:0;
    background: #f9fa7f;
    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 {
  width: 100%; /* Full width */
  padding: 0px;
  text-align: center;
    line-height: 24px;
    background: #f9fa7f;
}
.example {
  background: #fff url('../images/hbg.png') repeat-x left top;
width:100%;
}
img { max-width: 100%; height: auto; }
.main {
  display: flex;
margin-left:25px;
}

aside {
}

.content {
  max-width: 80%;
  margin:auto;
  
}
footer {
  width: 100%;
  text-align: center;
background: #f9fa7f;
  border-top: 1px dashed #b20c10;
}
footer {
  align-self: flex-end;
}