@media screen and (max-width: 980px) {
   #pagewrap {
      width: 95%;
   }
   #content {
      width: 60%;
      padding: 3% 4%;
   }
   #sidebar {
      width: 30%;
   }
   #sidebar .widget {
      padding: 8% 7%;
      margin-bottom: 10px;
   }
}
 @media screen and (max-width: 650px) {
   #header {
      height: auto;
   }
   #searchform {
      position: absolute;
      top: 5px;
      right: 0;
   }
   #main-nav {
      position: static;
   }
   #site-logo {
      margin: 15px 100px 5px 0;
      position: static;
   }
   #site-description {
      margin: 0 0 15px;
      position: static;
   }
   #content {
      width: auto;
      float: none;
      margin: 20px 0;
   }
   #sidebar {
      width: 100%;
      float: none;
      margin: 0;
   }
      .header_swim {
    /* padding-left: 30%;*/
   /*padding-right: 30%;*/
      }
      .logo{
         left: 40%;
      }
}
@media screen and (max-width: 480px) {
   html {
      -webkit-text-size-adjust: none;
   }
   #main-nav a {
      font-size: 90%;
      padding: 10px 8px;
   }
   .header_swim {
    /* padding-left: 30%;*/
   /* padding-right: 30%;*/
      }
       .logo{
         left: 35%;
      }

}
@media screen and (max-width: 400px) {
   html {
      -webkit-text-size-adjust: none;
   }
   #main-nav a {
      font-size: 90%;
      padding: 10px 8px;
   }
   .header_swim {
    /* padding-left: 10%;*/
    /*padding-right: 30%;*/
      }
      .logo{
         left: 25%;
      }
}
img {
   max-width: 100%;
   height: auto;
   width: auto\9; /* ie8 */
}