#showroom a {
  text-decoration: none;
  color: inherit; }

#showroom .left {
  text-align: left;
  align-items: flex-start; }

#showroom .center {
  text-align: center;
  align-items: center; }

#showroom .right {
  text-align: right;
  align-items: flex-end; }

#showroom .top {
  display: flex;
  justify-content: flex-start;
  flex-direction: column; }

#showroom .middle {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  #showroom .middle :last-child {
    padding-bottom: 0; }

#showroom .bottom {
  display: flex;
  justify-content: flex-end;
  flex-direction: column; }

#showroom .last > :last-child {
  padding-bottom: 0; }

#showroom .display {
  line-height: 1.2;
  padding-bottom: 0.6em; }
  @media (max-width: 320px) {
    #showroom .display {
      font-size: 35px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom .display {
      font-size: calc(35px + 45 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom .display {
      font-size: 80px; } }

#showroom .header {
  line-height: 1.5;
  padding-bottom: 0.6em;
  font-weight: 300; }
  @media (max-width: 320px) {
    #showroom .header {
      font-size: 28px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom .header {
      font-size: calc(28px + 12 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom .header {
      font-size: 40px; } }

#showroom .lead {
  line-height: 1.5;
  letter-spacing: 0.01em;
  padding-bottom: .6em; }
  @media (max-width: 320px) {
    #showroom .lead {
      font-size: 22px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom .lead {
      font-size: calc(22px + 10 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom .lead {
      font-size: 32px; } }

#showroom .body {
  line-height: 1.5;
  letter-spacing: 0.01em;
  padding-bottom: 1em;
  line-height: 1.55; }
  @media (max-width: 320px) {
    #showroom .body {
      font-size: 18.75px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom .body {
      font-size: calc(18.75px + 5.25 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom .body {
      font-size: 24px; } }
  @media (max-width: 320px) {
    #showroom .body {
      font-size: 18.75px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom .body {
      font-size: calc(18.75px + 5.25 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom .body {
      font-size: 24px; } }

#showroom .quote {
  line-height: 1.5;
  letter-spacing: 0.01em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-bottom: 0.8em; }
  @media (max-width: 320px) {
    #showroom .quote {
      font-size: 22px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom .quote {
      font-size: calc(22px + 10 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom .quote {
      font-size: 32px; } }

#showroom .caption {
  line-height: 1.4; }
  @media (max-width: 320px) {
    #showroom .caption {
      font-size: 12px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom .caption {
      font-size: calc(12px + 2 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom .caption {
      font-size: 14px; } }

#showroom .description {
  line-height: 1.4;
  color: #999999; }
  @media (max-width: 320px) {
    #showroom .description {
      font-size: 12.5px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom .description {
      font-size: calc(12.5px + 7.5 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom .description {
      font-size: 20px; } }

#showroom > article {
  /* OLDSCHOOL NEWS ARTICLE*/
  width: 128rem;
  max-width: 1320px;
  margin: 0 auto; }
  @media (max-width: 320px) {
    #showroom > article {
      padding: 17.5px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom > article {
      padding: calc(17.5px + 42.5 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom > article {
      padding: 60px; } }
  @media (max-width: 320px) {
    #showroom > article {
      padding-top: 50px; } }
  @media (min-width: 321px) and (max-width: 2559px) {
    #showroom > article {
      padding-top: calc(50px + 150 * ((100vw - 320px) / 2240)); } }
  @media (min-width: 2560px) {
    #showroom > article {
      padding-top: 200px; } }