hr{display:block;height:1px;border:0;border-top:1px solid #fffeee;margin:1em 0;padding:0} del{text-decoration:line-through} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} input,select{vertical-align:middle} h1{font-size:26px;}h2{font-size:26px;}h3{font-size:18px;}h4{font-size:18px;} blockquote,q{quotes:none} ins{background-color:#ffedff;color:#335514;text-decoration:none} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} blockquote:before,blockquote:after,q:before,q:after{content:none} nav ul{list-style:none} body{line-height:1; font-family: arial;} table{border-collapse:collapse;border-spacing:0} mark{background-color:#ffedff;color:#335514;font-style:italic;font-weight:bold} body,html { background-color: #ffedff; } header { background: #554757; color: #335514; padding: 20px 30px; max-width: 940px; margin: auto; } nav { display: inline-block; } nav ul li a { background: #fffeee; padding: 2px 10px; font-size:24px; text-decoration: none; font-weight: bold; color: #313430; border-radius: 10px; } nav ul li a:hover { background: #ffedff; } nav ul li { display: inline-block; margin: 10px; } nav ul { list-style: none; } #pageContent { max-width: 999px; margin: auto; border: none; } main { float: left; width: 45%; } aside { float: right; width: 50%; color: #fffeee; } article { border-bottom: 2px #313430; padding-bottom: 16px; margin-bottom: 16px; } article h2 { font-weight: normal; margin-bottom: 16px; } article p { } main section { } footer { background: #554757; max-width: 999px; margin: auto; clear: both; text-align: right; } footer p { padding:17px; } address { padding: 10px 20px 30px 10px; } aside > div { margin: 10px auto; background: #554757; min-height: 100px; padding:16px; border-radius: 9px; } #logo { display: inline-block; vertical-align: middle; font-size: 30px; margin-right: 75px; color: #ffedff; } #logo img { width:59px; vertical-align: middle; margin-right: 10px; } body > section { max-width: 999px; margin: auto; padding: 30px 0px; color: #335514; } @media screen and (max-width: 999px) { body > section { padding: 30px 20px; } } @media screen and (max-width: 600px) { main { float: none; width: 100%; } aside { float: none; width: 100%; } }