/* for early versions of IE, we need to define absolute height and width for containers, then percentage for images
body { height: 800px; width: 1024px; }
#bannerimg { width: 512px; height: 130px; }
#currentimg { width: 180px; height: 290px; }
#about, #past, #submissions, #callForPapers { height: auto; width: 9%; }
#blank { height: auto; width: 9%; }
#bgp { position: absolute; display: block; margin: auto; }
#allwrap { text-align: center; }
#banner { margin-left: 30px; height: 300px; }
#current { margin-left: 25px; margin-bottom: 25px; height: 300px; }
#link, #link-b { display: none; }
*/

@media screen and ( min-width: 361px) {
  #bannerimg {          
  height: auto; 
  width: 35vw; 
  }

  #currentimg {
  height: auto; 
  width: 13vw; 
  }

  #about, #past, #submissions, #callForPapers {
  height: auto; 
  width: 9vw; 
  }

  #blank {
  height: auto; 
  width: 9vw; 
  }

  #bgp {
  z-index: -1;
  position: absolute;
  max-width: 98.9%;
  height: auto;
  display:block;
  margin: auto;
  }

  #allwrap {
  text-align: center; 
  }

  #banner {
  margin: 30px 0 0 0;
  }

  #current {
  margin: 25px 0;
  }

  #link, #link-b {
  height: auto; 
  width: 9vw; 
  line-height: 10px;
  display: inline-block
  }
} 

@media screen and ( max-width: 360px){
  #bannerimg {          
  height: auto; 
  width: 45vw; 
  }

  #currentimg {
  height: auto; 
  width: 25vw; 
  }
   
  #bgp {
  z-index: -1;
  position: absolute;
  max-width: 98.9%;
  height: auto;
  }

  #allwrap {
  text-align: center; 
  }

  #banner {
  margin: 10px 0 0 0;
  }

  #current {
  margin: 5px 0;
  }

  #link, #link-b {
  line-height: 10px;
  padding: 0 30px;
  display: inline-block
  }

  #link-b, #blank {
  display: none
  }
}