@media only screen and (max-width: 750px) {

#container{
 width: 95%; 
  height: auto;
 margin: 0 auto;
 padding:0;
 margin-top: 5%;
 margin-bottom: 5%;
}

#blog{
  width: auto;
  margin:0 auto;}
  
  .bimg1, .bimg2{width: auto;}
  
.b{
 width: 95%;
 margin: 5px auto;
 margin-bottom: 20px;
}

img.rounded-corners {
  border-radius: 5px;
}

.h{font-size:20px;}

#side{
  width: 100%;
  margin: 5px auto;}
  
  .sidebox{ width: 95%;
  margin:0 auto;
  margin-bottom: 20px;}
  
  .mobhide{display:none;}
  
  img{max-width: 100%;}
  
  .t{width: 90%;}
  
  .b h1{
    height: auto;}
  
  .sideimg{
  margin:0 auto;
  width: 90%;
    background-position: -300px -50px;
  margin-top: 10px;
  margin-bottom: 5px;
  }

  .footer{
    overflow: hidden;
  height: auto;}
  
  
  .t{width: 90%; font-size: 16px; line-height: 15px;}
  
  .date, .o{
    font-size: 14px;}
  
  iframe{max-width: 100%;}
  
 .b iframe{max-width: 100%; margin: 0 auto;}
  
  .b img{
    max-width: 100%;
    margin: 0 auto;}
  
  img{ max-with: 100%;}
  
  .a img, img{ border:none; text-decoration: none;}
  
}




<div id="side">    
      <div class="sidebox">
        <div class="sideimg">
        </div>
      <h1>undead online</h1>
      <div class="t">
      <script type="text/javascript" src="//counter.websiteout.net/js/30/0/0/0"></script>
      </div>
      </div>
      
      <div class="sidebox">
        
        <div class="nav">
        <span class="js"><a href="#tab-1" class="first">About</a>
        <a href="#tab-2">Userboxes</a>
        <a href="#tab-3"> Personal Links</a>
        </span>
        <a href="#" onclick="window.open('http://www.shoutjax.com/shout.php?site_id=7893&page_id=0','shout7893','menubar=0,resizable=0,width=225,height=390');">Shoutbox</a>
        <a href="#" class="last">Refresh</a>
        
        </div>
      
      </div>
      
      
      <div class="sidebox">
        <h1>Webrings</h1>
       <div class="t">
       <a href="https://hotlinewebring.club/poisongardenz/previous">Previous//</a><a href="https://hotlinewebring.club">Hotline Webring</a><a href="https://hotlinewebring.club/poisongardenz/next">//Next</a>
       <a href="https://neo-neighborhoods.neocities.org/SoHo/" target="_blank"><img src="https://neo-neighborhoods.neocities.org/SoHo/sohop88.gif"></a>
      </div>
      </div>
      <div class="sidebox">
      <div class="yw-widget-mini" style="margin: 5px;" data-yw-url="https://poisongardenz.neocities.org/"></div>
      <script src="https://yesterweb.org/js/widget.js"></script>
      </div>
      <div id="transring">
<script type="text/javascript" src="https://sugarforbrains.neocities.org/transring/onionring-variables.js"></script>
<script type="text/javascript" src="https://sugarforbrains.neocities.org/transring/onionring-widget.js"></script>
</div>
      <div class="sidebox">
        <h1 style="margin-top: 6px;">Share</h1> 
      <div style="text-align:center;">
      <img src="/button.gif"> <br>
      <textarea>&lt;a href="http://poisongardenz.neocities.org" target="_blank"&gt;&lt;src="https://poisongardenz.neocities.org/button.gif"&gt;&lt;/a&gt;</textarea><br>
      </div>