*{box-sizing:border-box}
img{box-sizing:content-box}
html,body{height:100%;margin:0;padding:0}
body{color:#FFF;font-family:Arial,Helvetica,sans-serif;background:#666 url(bg.jpg) center center no-repeat;background-size:1900px 1200px;text-shadow:0 0 5px #000;font:22px Impact;text-align:center;letter-spacing:3px;line-height:1.75}
a{color:#FFF;text-decoration:none}
a:hover{text-decoration:underline}
#tel{font-size:30px;letter-spacing:10px}
footer{clear:both;font:bold 16px Arial;padding-top:15px}

@media (min-width:601px) {
    #page{width:600px;margin:0 auto}
    .left{float:left;text-align:left}
    .right{float:right;text-align:right}
}

@media (min-width:601px) and (min-height:500px) {
    #page{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
}

@media (max-width:600px) {
    body{letter-spacing:2px;padding:20px}
    #page{min-width:360px}
    #tel{font-size:25px;letter-spacing:5px}
    img{max-width:100%;height:auto}
}