/* 
    Rendering: Logo
*/
.logo {
  display: block;
  width: 100%;
  text-align: center; }
  @media (min-width: 768px) {
    .logo {
      text-align: left; } }

.logo img {
  width: 100%;
  max-width: 320px;
  height: auto; }

/* - - Cornerstone 1.0 sizing updates - - */
#container .masthead .logo img {
  max-height: 58px;
  width: auto; }