/* HTML5 Reset and font-face */
  @charset "utf-8";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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top}:focus{outline:0}
  article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
  
  
  html {height:100%}
  body {background:#335640; font-family:'Roboto', sans-serif; color:#fff}
  body {background:url(img/bg.jpg) center center no-repeat; background-attachment:fixed; background-size:cover}
  
  
  .logo {width:250px; height:175px; display:block; margin:0 auto}
    .logo img {width:150px; height:150px; display:block; margin:20px auto 0}
    
  .wrap {width:90%; max-width:700px; margin:0 auto 20px; padding:10px 15px; box-sizing:border-box; background:rgba(19, 43, 11, 0.7); border-bottom:#8AB57D 1px solid; overflow:auto}
  
  h1 {font-size:24px; font-weight:500; padding:0 0 0}
  p {font-weight:100; padding:5px 0 10px; line-height:1.5em}
  a {color:#fff}
  ul {margin:10px 0 0 0; list-style-type:none}
    ul li {padding:5px 0; font-weight:100; width:50%; float:left}
    ul li strong {display:block; font-weight:500}
  
  .brand {margin-right:20px}
    .brand:last-child {margin:0}