body {max-width: 100%; margin: 0 auto; font-family: arial, times new roman, tahoma; font-size: 0.9em;}
img {max-width: 20%; }
h1 {color: #a11613;
font-size: 1.5em; }
.vetka img{display:block; float:left; }
.header{position: fixed; top:0px; left: 0px; width: 100%; }
.content{     position: relative; width: 70%; margin: 7% auto;}
.footer{}
.tel, .adr {display: block; float: left; color: #8ec341; font-size: 0.8em; margin-top:10px;}
.img-obt{display: block; float: left;}
.img-obt-logo	{max-width: 15%; width: 15%; display: block; float: left; margin: 0 20%; }
.vkus {    display: block;
    float: right;
    max-width: 10%;
    padding-right: 40%;}
.ps{color: #a11613; font-size: 0.9em; width: 50%; font-weight: bold;     float: left;}
.ch-p {max-width: 20%; float: right;}
.but {     background: url(../img/kn.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    display: block;
    /* height: 100%; */
    /* width: 40%; */
    background-size: contain;
    padding: 40px;
    margin-left: 5%;
    font-size: 1.3em;
color: white;}

   li {
    list-style-type: none; 
   }
   li:before {
    color: #a11613; 
    content: "¶ "; 
   padding-right: 10px; }
	
	
	@media (max-width: 800px) and (min-width: 450px) {
    .img-obt-logo	{margin: 0 10%; }
	.content{margin: 10% auto;}
}

@media (min-width: 320px) and (max-width: 450px) {
   .img-obt-logo	{margin: 0 1%; }
   .content{margin: 20% auto;}
   .tel, .adr {font-size: 0.7em; }
}