@import url('type.css');

body { margin: 20px auto; padding: 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 140%; background-image: url(../files/fon.jpg);}
h1,h2,h3,h4 {line-height: 120%;}
img {display: block; margin: 10px 0; width: 100%;}

h1{text-transform: uppercase;}
ul{
    padding: 0; margin: 0;
}

li{ list-style-position:outside;  margin:8px 0; padding: 0;}

hr{ clear: both; color: #ddd;  margin: 30px 0;}


a.button{ margin:5px; padding: 5px 10px; background-color: #555; color: #fff; text-decoration: none; display: inline-block ; float: left;  border-radius:2px; }
a.button:hover{  background-color: #FF0000;}

@media screen and (min-width: 600px) {
body { width:600px;}
}