*{
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
}
body,html {
height:100%;
margin:0;
padding:0;
background: #999;
color:#000;
font: 15px/1.5 Arial, Helvetica, sans-serif;
text-align:center;
}
.head {
width: 960px;
height: 400px;
background:url(brk.jpg) no-repeat 98% center #444;
box-shadow: inset 0 0 200px #000;
line-height: 1;
}
.head .title{
color:#fff;
text-shadow:0 0 20px #fff;
font-size: 80px;  
padding: 15px 20px;
}
.head .about{
color:#ccc;
text-shadow:0 0 5px #000;
font-size: 20px;
line-height: 1.5;
padding: 15px 20px;  
}
.wrapper {
text-align:left;
width: 960px;
min-height: 100%;
background-color: #fff;
margin: 0 auto 0;
box-shadow: 0 0 30px #000;
border-radius: 10px;
}
.content{
padding: 20px 20px 50px;
}
.copyright {
padding: 50px 0;
}
.foot {
position: relative;
width: 960px;
margin: 0 auto;
color:#ccc;
text-shadow:0 -1px #555;
padding:20px;
}	
.navigation{
width:100%;
text-align:center;
}

h1 {
color: #555;
font-size: 40px;
font-weight: normal;
}
h2 {
color: #999;
font-size: 30px;
font-weight: normal;
}
a{
text-decoration:none;
color:#0ac;
}
a:hover{
color:0df;
}
.button{
display: inline-block;
background: #ccc;
color: #222;
padding: 10px 20px;
}