.logo__link {
  display:          flex;
  flex-direction:   column;
  justify-content:  center;
  text-decoration:  none;
  border-radius:    4px;
  /* 
   * TODO
   * Don't know about this yet.
   * Maybe just do this on portrait and not on landscape?
   * Or not at all?
   */
  padding:          5px;
  #padding:          25px;
}

.logo__hallway-vision {
  display:         flex;
  flex-direction:  row;
  justify-content: center;
}

.logo__hallway {
  display:        inline-flex;
  align-items:    flex-end;
  font-family:    'Karla-bold', sans-serif;
  font-weight:    700;
  font-size:      32px;
  line-height:    1.2em;
  letter-spacing: 0.1em;
  color:          #000000;
  /* font smoothing */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing:  antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.small .logo__hallway {
  font-size: 16px;
}

.logo__vision {
  display:        inline-flex;
  align-items:    flex-end;
  font-family:    'Milkshake';
  font-size:      30px;
  line-height:    1.2em;
  letter-spacing: 0.15em;
  color:          #C9B597;
  /* font smoothing */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing:  antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.small .logo__vision {
  font-size: 15px;
}

.logo__hr {
  border:     0;
  border-top: 1px solid #d6b15c;
  height:     2px;
  #width:      140px;
  width: 11rem;
  margin:     0.1em auto;
}

.small .logo__hr {
  width:  70px;
  height: 1px;
}

.logo__vr {
  display:       none;
  border-right:  1px solid #d6b15c;
  height:        1.5em;
  margin-top:    auto;
  margin-bottom: auto;
}

.small .logo__vr {
  height: 0.75em;
}

.logo__photography {
  margin-left:     0.3rem;
  display:         inline-flex;
  #flex-direction:  row;
  align-items:     flex-end;
  justify-content: center;
  font-family:     'MarzoW00-Regular', sans-serif;
  font-weight:     bold;
  font-size:       15px;
  letter-spacing:  0.25em;
  line-height:     1.6em;
  color:           #737272;
  /* font smoothing */
  text-rendering:  optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.small .logo__photography  {
  font-size: 7px;
}

@media only screen and (orientation: landscape) and (max-height: 414px) {
  .logo__link {
    flex-direction: row;
  }

  .logo__hr {
    display: none;
  }

  .logo__vr {
    display: inline-block;
    margin-left: 5px;
    margin-right: 15px;
  }

  .logo__photography {
    align-items: center;
    font-size:   15px;
  }
}

/*
@media only screen and (min-width: 600px) {
  .logo__link {
    display: inline-flex;
  }
}
*/