@charset "utf-8";

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,table,th,td,embed,object {margin:0;padding:0;}
body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,table,embed,object {vertical-align:baseline;}
body,table {font-size:16px;line-height:1;color:black;font-family:serif;}
h1,h2,h3,h4,h5,h6,p {margin-bottom:1em;line-height:1.5;}
li {line-height:1.5;}
img {border:0;}
a {color:#333333;}

header {width:960px;margin:0 auto;}
header a {text-decoration:none;}
header a:hover {text-decoration:underline;}
article {width:960px;margin:0 auto 100px;}
footer {width:960px;margin:0 auto;text-align:center;}
#menu {width:960px;margin:0 auto;}
#menu li {width:30%;display:inline-block;text-align:center;}
#menu li a {text-decoration:none;padding:5px;border:3px double black;}

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

header {width:320px;}
article {width:320px;margin:0 auto 50px;}
footer {width:320px;}
#menu {width:320px;}

}