.logo-x-small {
  width: 100%;
  max-width: 75px; }

.logo-small {
  width: 100%;
  max-width: 150px; }

.logo-medium {
  width: 100%;
  max-width: 300px; }

.logo-large {
  width: 100%;
  max-width: 600px; }

.logo-x-large {
  width: 100%;
  max-width: 900px; }

.header-logo-mobile {
  display: block; }
  @media only screen and (min-width: 769px) {
    .header-logo-mobile {
      display: none; } }
.header-logo-desktop {
  display: none; }
  @media only screen and (min-width: 769px) {
    .header-logo-desktop {
      display: block; } }

/*# sourceMappingURL=logo-shortcode.css.map */