*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#000;font-size:1rem}.head_wrapper{width:750px;max-width:100%;margin:0 auto;padding:0}.wrapper{width:750px;max-width:100%;margin:0 auto 150px;padding:0}header{background-color:#eee;color:#222;margin:0;padding:10px;text-align:center;box-shadow:0 4px 6px #0000001a}header h1{font-size:1.3rem;color:#666}nav ul{list-style:none;padding:0}nav ul li{display:inline-block;margin-right:20px}nav ul li a{text-decoration:none;color:#fff;font-size:1rem}nav ul li a:hover{text-decoration:underline}main{padding:10px;background-color:#fff;box-shadow:0 4px 6px #0000001a}h2{font-size:1.8rem;margin-bottom:15px}.title{font-size:1.2rem;color:#666}h3{font-size:1.2rem;margin-bottom:15px}p{font-size:1.1rem;margin-bottom:15px;line-height:2rem}.info{font-size:.9rem;margin-bottom:5px;line-height:1.2rem;color:#777}footer{background-color:#666;color:#fff;text-align:center;padding:10px 0;position:fixed;bottom:0;width:100%;margin:0;height:50px}footer p{font-size:.875rem}footer p a:link{color:#eee}footer p a:visited{color:#aaa}footer p a:hover{color:#ddd}footer p a:active{color:#eee}footer p a{text-decoration:none}@media (max-width: 820px){.wrapper{padding:0;width:100%;max-width:100%}body{font-size:1rem;width:100%}header h1{font-size:1rem;width:100%}nav ul li a{font-size:.9rem}h2{font-size:1.7rem}.title{font-size:1rem}p{font-size:1.1rem;margin-bottom:15px;line-height:2rem}}@media (max-width: 480px){.wrapper{padding:10px;width:750px}body{font-size:.95rem}header h1{font-size:1rem}nav ul li a{font-size:.85rem}h2{font-size:1.7rem}.title{font-size:1rem}p{font-size:1.1rem;margin-bottom:15px;line-height:2rem}}