#headuserstyle {}
#headuserstyle #logo {}
#headuserstyle #logo img {}
#headuserstyle #contactscol {}
#headuserstyle #contactscol #email {}
#headuserstyle #contactscol #email a  {}
#headuserstyle #contactscol #email span {}
#headuserstyle #contactscol #email button.show {}
#headuserstyle #contactscol #phone {}



@media only screen and (max-width: 800px){
 #topmenu ul li a {padding:5px 7px 5px 7px;font-size: 110%;}
 #headerbox {
  background-size: 100% 200%;
 }
 #body {width:95%; margin:5px auto; padding:5px;}
}

@media only screen and (max-width: 720px){
 #topmenu ul li   {padding:4px 3px 4px 3px;margin:2px 3px 2px 3px !important;}
 #topmenu ul li a {padding:5px 5px 5px 5px;font-size: 105%;}
}

/** уже картинки **/
@media only screen and (max-width: 640px){
 #topmenu ul li   {padding:4px 4px 4px 4px;margin:2px 4px 2px 4px !important;}
 #topmenu ul li a {padding:5px 8px 5px 8px;font-size: 105%;}
}

@media only screen and (max-width: 600px){
#headuserstyle {flex-direction: column; justify-content: center;align-items:center;}
#headuserstyle #contactscol #email {text-align: center;}
#headuserstyle #contactscol #phone {text-align: center;}
body {margin-top:60px;}
#header #phone a.phone {display:block;}


}