html {
  background-image: url("top_bg.png"), url("btm_bg.png");
  background-position: center top,center bottom;
  background-size: auto,auto;
  background-repeat: repeat-x, repeat-x;
  background-color: #FFEB3B;
  overflow-x: hidden; }

div {
  max-width: 768px;
  width: calc(100% - 40px);
  text-align: center;
  margin: 0 auto;
  padding: 200px 0; }
  div p {
    font: 30px/1.8em  'M PLUS Rounded 1c', sans-serif;
    font-weight: bold; }

@media (max-width: 480px) {
  div {
    max-width: 340px;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 100px 0; }
    div p {
      font: 20px/1.8em  'M PLUS Rounded 1c', sans-serif;
      font-weight: bold; }
      div p span {
        display: block; }
      div p br {
        display: none; } }
/*max-width:480px*/