@CHARSET "utf-8";

*{
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  position: relative;
}
body{
  width: 100%;
  height: 100vh;
  background: #e8f6f8;
}

div.main{
  position: absolute;
  top: 0; bottom: 0; right: 0; left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  max-height: 600px;
  margin: auto;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #cacaca;
}

img.img_png{
  width: 100%;
  height: auto;
  text-align: center;
}

h1, div.wrap_text *{
  text-align: center;
}


@media screen and (min-width:480px) {

div.main{
  max-width: 700px;
}

img.img_png{
  max-width: 550px;
}

}

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

body{
  height: 50vh;
  background: #ffffff;
}

div.main{
  border: 0;
}

img.img_png{
  max-width: 400px;
}

}