.menu-row {
  background-color: #00091e;
  color: #fffdfd;
}

#logo-image {
  height: 8em;
}

#logo-tagline {
  height: 8em;
}

#logo-tagline > span {
  font-size: 2em;
  color: rgb(222, 226, 230);
}

/* Resize the header for smaller screens (like phones) */
@media screen and (max-width:576px) {
  #logo-image {
    height: 4em;
    background-color: #fffdfd;
  }  
  #logo-tagline {
    height: 4em;
  }  
 
  #logo-tagline > span {
    font-size: 1em;
    color: rgb(222, 226, 230);
  } 
}

/* This catches a phone that pretends to have more pixels */
@media screen and (-webkit-device-pixel-ratio: 3) {
  #logo-image {
    height: 4em;
    background-color: #fffdfd;
  }  
  #logo-tagline {
    height: 4em;
  }  
 
  #logo-tagline > span {
    font-size: 1em;
    color: rgb(222, 226, 230);
  } 

  @media screen and (-webkit-device-pixel-ratio: 2) {
    #logo-image {
      height: 4em;
      background-color: #fffdfd;
    }  
    #logo-tagline {
      height: 4em;
    }  
   
    #logo-tagline > span {
      font-size: 1em;
      color: rgb(222, 226, 230);
    } 
  }
}