#middleflag, #leftarrow, #rightarrow {width:25%;}
        h1 {text-align: center;}
        h3 {margin-bottom:0;margin-top:0; text-decoration:underline;}
        .p { font-size:1em !important;height:auto;}
    .buttons img {
      float:none;
      margin-right:0;
      margin-bottom: 0;
    }
    
.buttons {
  margin-top: 0;
  margin-bottom:10px;
  display:block;
  text-align:left;
  padding-top:1px;
}
        
main { 
    height:120%;
    flex:none;
    width:60%;
    border:1px solid black;
    margin-top:5%;
}
        aside { position:fixed; margin-top:5%;font-size:1.2em;line-height:1.6; border:1px solid black;margin-left:1.5%;}
        
@media only screen and (max-width: 1100px) {                
    .buttons img {
      float:none;
      margin-right:0;
      margin-bottom: 0;
    }
    
    .buttons {
      margin-top: none;
      margin-bottom:10px;
      display:block;
      text-align:left;
      padding-left:15px;
      padding-top:1px;
        width:90%;
    }
    aside {
      position: relative;
      margin:auto;
      margin-top:5%;
      display:inline-block; 
      order:1;
      width:90%;
    }
    main { 
      width:90%;
      border:1px solid black;
      margin:auto;
      margin-top:5%;
      position:relative;
      display:inline-block;
      order:2;
    }
}