html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
html, body {
  height: 100%;
  width: 100%;
}
@media (min-width: 600px) {
  body,.body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .body {
    max-width: 800px;
    width: 90%;
    margin: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    text-align: center;
    min-height: 200px;
  }
  img {
    max-height: 100px;
    margin: auto;
    height: auto;
    border: 20px solid transparent;
  }
  a:nth-of-type(1) {

  }
  a:nth-of-type(2) {

  }
  a:nth-of-type(3) {

  }
  a:nth-of-type(4) {

  }
}