@media screen and (max-width:320px) {
  html, body { font-size: 10px; }
}

@media screen and (min-width:320px) {
  html, body { font-size: 10px; }
}

@media screen and (min-width:360px) {
  html, body { font-size: 11px; }
}

@media screen and (min-width:375px) {
  html, body { font-size: 12px; }
}

@media screen and (min-width:414px) {
  html, body { font-size: 13px; }
}

@media screen and (min-width:440px) {
  html, body { font-size: 14px; }
}

@media screen and (min-width:480px) {
  html, body { font-size: 15px; }
}

@media screen and (min-width:640px) {
  html, body { font-size: 20px; }
}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:24px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: sans-serif;
}
a {
  text-decoration: none;
  color: black;
}
.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  width: 25%;
  float: left;
  padding: 12px;
  background: #eceaea;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .wall-column {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .wall-column {
    width: auto;
    float: none;
  }
}