html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {	content:'';	content:none; }
table {	border-collapse:collapse; border-spacing:0; }
a { color:#5a3005; }
h1 { line-height:40px; font-size:26px; }
h2 { line-height:32px; font-size:20px; }
h3 { line-height:26px; font-size:16px; }
h4 { line-height:22px; font-size:14px; }


/**
* BODY
**/
html { height:100%; }
body { height:100%; font-size:12px; line-height:22px; font-family:Tahoma, Verdana, Segoe, sans-serif; color:#222; background:#d0cfcb; }
.row { width:960px; margin:0 auto; }

header { height:110px; background:#d0cfcb; }
header img { padding:10px 0;background:#d0cfcb; display:block; margin:0 auto;}
  

section { min-height:calc(100% - 160px); }
section h1 { text-align:center; }
section #buttonBlock { padding:10px 0; overflow:hidden; }
section #buttonBlock.col1 li { width:100%; }
section #buttonBlock.col2 li { float:left; width:50%; }
section #buttonBlock.col3 li { float:left; width:33,3%; }
section #buttonBlock.col4 li { float:left; width:25%; }
section #buttonBlock.col5 li { float:left; width:20%; }
section #buttonBlock li { width:100%; }
section #buttonBlock a { display:block; padding:15px 20px; background:#d0cfcb; box-shadow: 2px 2px 5px #5a3005; border:solid 2px #D1A95A; margin:5px 5px; text-decoration:none; color:#222; text-align:center; font-size:18px; border-radius:3px; }
section #buttonBlock a:hover { -webkit-transition:background 0.5s; transition:background 0.5s; background:#F1D399; text-decoration:none; }

section .hpText { padding:10px 0; overflow:hidden; width:100%; }
section .hpText.col1 article { width:calc(100% - 20px); padding:10px; }
section .hpText.col2 article { float:left; width:calc(50% - 20px); padding:10px; }
section .hpText.col3 article { float:left; width:calc(33.3% - 20px); padding:10px; }
section .hpText.col4 article { float:left; width:calc(25% - 20px); padding:10px; }

section article { }
section article h2 { }
section article p { }

section #beforeButton {}
section #afterButton {}


footer { height:50px; background:#d0cfcb; }