#brand {
    height: 85px;
}
#logo{
	float:none;
  margin:auto;
  width:220px;
  height:75px;
  
	}
	
a#logo-link{
  position:absolute;
  background:url(../img/logoA_220_75.png) no-repeat center top;
  width:220px!important;/*220px*/
  height:75px !important;/*76px*/
  top:5px;/*10px*/
  text-indent: -700rem;/*-9999px*/
  z-index:10;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 
	a#logo-link{
  background:url(../img/logoA_440_150.png) no-repeat center top;
  background-size:220px 75px;
	}
}

#brand a {
text-decoration: none;	
color: #444;

}


@media only screen and (min-width: 450px) {
#brand {
    height: 55px;
}

}

    
@media only screen and (min-width: 768px) {
#logo {
    margin-left: 0;
}
 a#logo-link{
  background-image: url(../img/logoA_220_75.png);
  width: 230px !important;
  height: 85px !important;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  top:10px;
}

}