body {
  background-color: #ece6dd;
  font-size: 1em;
}


.pedias {
  position: relative;
  top: 0;
  width: 90%;
  height: auto;
  align-items: baseline;
  margin-top: 620px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
}

.pedias img {
  vertical-align: bottom;
}

.dvdpedia {
  position: relative;
  top: 10px;
  left: 3%;
  display: block;
  width: 115px;
  height: auto;
  float: left;
  margin-top: 15px;
}

.bookpedia {
  position: relative;
  top: 0;
  /*left: -0.0256147541%;*/
  /*width: 183px;*/
  width: auto;
  height: auto;
  float: left;
  margin: 34px 0 0 8.24176%;
}

.cdpedia {
  position: relative;
  top: 8px;
  display: block;
  /*left: -0.0294840295%;*/
  /*width: 159px;*/
  width: auto;
  height: auto;
  float: left;
  margin: 18px 0 0 6.22711%;
}

.gamepedia {
  display: block;
  position: relative;
  top: 17px;
  width: auto;
  height: auto;
  float: left;
  margin-left: 8.2388999999%;
}

.pocketpedia {
  position: relative;
  display: block;
  top: 10px;
  left: 0;
  width: auto;
  height: auto;
  float: left;
  margin-top: 15px;
  margin-right: 0;
  margin-left: 8.42634%;
  margin-bottom: 0;
}

.mac {
  display: block;
  position: relative;
  float: left;
  width: 321px;
  height: auto;
  margin-top: 160px;
  margin-right: 0;
  margin-left: 36.625%;
  margin-bottom: 0;
}

.retro-sale {
  display: block;
  visibility: hidden;
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  z-index: 15;
  width: 276px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.thanks {
  display: block;
  position: absolute;
  top: 144px;
  left: 0;
  right: 0;
  z-index: 12;
  width: 956px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.free-icons {
  position: relative;
  height: 64px;
  margin-top: 519px;
  margin-right: 0;
  margin-left: 2.04167%;
  margin-bottom: 0;
  display: block;
  float: left;
}

@media(max-width: 800px) {
  .bookpedia {
    top: 0px;
    width: 126px;
    height: auto;
    margin-top: 39px;
    margin-left: 7%;
  }

  .cdpedia {
    top: 16px;
    width: 110px;
    height: auto;
    margin-left: 6%;
  }

  .dvdpedia {
    width: 83px;
    height: 121px;
    margin-top: 20px;
  }

  .gamepedia {
    top: 19px;
    width: 110px;
    height: auto;
    margin-left: 4%;
  }

  .pocketpedia {
    top: 13px;
    width: 117px;
    height: auto;
    margin-left: 4%;
  }

  .retro-sale {
    top: 121px;
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .thanks {
    top: 120px;
    left: 0;
    right: 0;
    width: 600px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    /*margin-bottom: 30px;*/
  }

  .mac {
    position: relative;
    float: none;
    top: 95px;
    left: 0;
    right: 0;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .free-icons {
    position: relative;
    float: none;
    top: 115px;
    left: 30%;
    width: 30%;
    height: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .pedias {
    position: relative;
    top: 100px;
    left: 0;
    right: 0;
    height: 320px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

@media(max-width: 400px) {
  /* reset iphone menus */
  .menu .menu-container a {
    font-size: .9em;
    padding: 14px 12px;
  }

  .iphone-apps-menu {
    padding: 0;
  }
  /* end of reset iphone menus */

  .bookpedia {
    top: 0;
    left: 0;
    width: 133px;
    height: auto;
    position: relative;
    margin-top: 130px;
    margin-left: 40px;
  }

  .cdpedia  {
    left: 0;
    width: 110px;
    height: auto;
    position: relative;
    clear: both;
    margin-top: 10px;
    margin-left: 0;
  }

  .dvdpedia {
    width: 82px;
    height: auto;
    position: relative;
    margin-top: 110px;
  }

  .free-icons {
    top: 70px;
    left: 25%;
    width: 50%;
    height: auto;
  }

  .gamepedia {
    left: 0;
    top: 17px;
    width: 94px;
    height: auto;
    position: relative;
    margin-left: 40px;
  }

  .mac {
    top: 50px;
    left: 0;
    right: 0;
    width: 213px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .pedias {
    top: 0px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .pocketpedia {
    left: -10px;
    right: 0;
    top: -210px;
    width: 107px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .retro-sale {
    visibility: visible;
    top: 55px;
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .thanks {
    visibility: hidden;
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

}