html,body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    flex-wrap: row wrap;
    justify-content: flex-end;
}

iframe {
    width: 100%;
    /*height: 100%;*/
}

/* Sidebar Ad space */
body.sidebar iframe {
    max-width: 80%;
}
body.sidebar aside.sidebar {
    width: 20%;
}
body.wrapper{
  display:flex;
  flex-flow:column;

}
header.topbar, footer.botbar{
  justify-content: center;
  align-items: center;
  text-align:center;
  background-color: #575757;
  width:100%;
  flex: 0 1 60px;
}
header.topbar a,footer.botbar a{
  display:flex;
  flex:0 1 60px;
  justify-content:center;
  align-items: center;
  text-align:center;
  height:100%;
}
aside.sidebar {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #575757;
    padding:20px;
}
div.middle{
  display: flex;
  flex:1;
  width: 100%;
  flex: 1 1 auto;
}
aside img {
    max-width: 100%;
    height: auto;
    max-height:660px;
}