#container {
   margin : 10px auto;
   padding : 10px;
   width : 80%;
   font-family : verdana;
   font-size : 10pt;
}
#banner {
   border : 1px solid gray;
   padding : 0px 20px 20px 30px;
   height : 60px;
   background-color : #ffff99;
      }
 
#banner h1 {text-align: center;
           font-size: 160%;
}
#content {
   padding : 20px;
   margin-left : 120px;
   margin-right : 160px;
   background-color : #ffffff;
      }
#content h1, h2 {
   font-size : 130%;
   color: #000000; 
 }

A:link { color: blue } 
A:visited { color:#000000 }
A:hover { color:#000000 }

#sidebar-a {
   float : left;
   width : 120px;
   margin-top: 40px;
}
#sidebar-b {
   float : right;
   width : 130px;
   margin-left : 5px;
   padding : 15px;
   font-size: 12px;
   line-height: 20px;
}
#footer {
    border : 1px solid gray;
    clear : both;
    padding : 5px;
    margin-top : 5px;
    background-color : #ffff99;
    font-size: 50%;
}

img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #container,
  #content,
  #sidebar-b,
  #sidebar-a {
    float: none;
    width: auto;
    font-size: 15px;
    line-height: 25px;
  }
}