* {margin: 0; padding: 0;}


@font-face {
    font-family: 'crickx';
    src: url('fonts/crickx.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {background: gray;  
    background-image: url("backgrounds/texture5.jpg");
    background-attachment: fixed;
    background-size: 100%;
    color: white; 
    margin: 2em 0; 
font-family: sans-serif;}
p {margin-bottom: 0.5em; font-size: 0.8em;}
h1, h2 {font-family: crickx; margin: 0; padding: 0; font-style: normal; line-height: 1em; margin: 0.5em 0 0.25em 0;}
h1 {font-size: 4em;}
h2 {font-size: 2.5em;}
.box {width: 45%; padding: 0 5% 1em 0; float: left;}
.row {clear: both; display: block; margin-left: 5%;}
.box p {height: 7em;}
.description {
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
margin: 0 5% 1em 0;
}
img {display: block; width: 100%; margin: 1em 0; border: 1px black solid;}
a {text-decoration: none; background: white; color: DarkSlateGray;}
a:visited, a {color: DarkSlateGray;}
p a, .nav a {padding: 0 0.25em;}
a:hover {color: white; background: none;}
#footer {display: block; margin: 2em 0 6em 5%;}
#top {margin: 1em 0 1em 5%; width: 66%;}
.nav {margin-bottom: 2em;}
.nav, code {font-family: monospace;}
.clear {clear: both;}