.micro-site {
  padding-top: 55px; }
  .micro-site a.lot-link {
    text-decoration: none;
    display: block;
    margin: 40px 0; }
    @media screen and (min-width: 769px) {
      .micro-site a.lot-link {
        margin: 5em 0; }
        .micro-site a.lot-link.second-aw {
          margin-top: 0; } }
  .micro-site h2 {
    text-transform: none;
    font-weight: normal;
    font-size: 0.5em;
    margin-top: 0.5em;
    font-family: "Portrait", serif; }
  .micro-site em {
    font-family: "SeroItalic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .micro-site strong {
    font-family: "SeroBold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .micro-site hr {
    max-width: 965px;
    margin: 0 auto 4em auto;
    background-color: #000;
    width: calc(100% - 30px); }
    @media screen and (min-width: 769px) {
      .micro-site hr {
        margin-bottom: 5em; } }
  .micro-site .caption {
    font-size: 0.875em;
    text-align: right; }
  .micro-site .banner-quote {
    position: relative;
    margin: 0 auto; }
    .micro-site .banner-quote .featured-quote {
      font-size: 1.75em;
      text-align: center;
      font-family: "PortraitItalic", serif;
      font-weight: 600;
      text-transform: none;
      width: calc(100% - 30px);
      margin: 0; }
      @media screen and (min-width: 480px) {
        .micro-site .banner-quote .featured-quote {
          font-size: 2.1875em;
          line-height: 1.37143em; } }
      .micro-site .banner-quote .featured-quote:before, .micro-site .banner-quote .featured-quote:after {
        content: "";
        background: url(/micrositeresource/me-and-mr.-lucian-freud-by-sue-tilley/content/qoute.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 25px;
        height: 25px;
        display: block;
        margin: 0 auto; }
        @media screen and (min-width: 480px) {
          .micro-site .banner-quote .featured-quote:before, .micro-site .banner-quote .featured-quote:after {
            width: 75px;
            height: 75px; } }
      .micro-site .banner-quote .featured-quote:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
    .micro-site .banner-quote .quote-author {
      position: relative;
      text-align: right;
      font-size: 1.5625em;
      line-height: 1.84em;
      margin-top: 0;
      font-family: "PortraitItalic", serif;
      margin-bottom: 1em; }
      @media screen and (min-width: 769px) {
        .micro-site .banner-quote .quote-author {
          margin-bottom: 0; } }
  .micro-site .lot-images {
    margin: 3rem 0; }
    @media screen and (min-width: 769px) {
      .micro-site .lot-images {
        margin: 5em 0; } }
    .micro-site .lot-images .lot-image {
      margin: 2rem 0; }
      @media screen and (min-width: 769px) {
        .micro-site .lot-images .lot-image {
          margin: 0; }
          .micro-site .lot-images .lot-image img {
            max-height: 358px;
            width: auto;
            max-width: 100%; }
          .micro-site .lot-images .lot-image:first-of-type {
            width: calc(46.988% - 23px);
            margin-right: 23px; }
          .micro-site .lot-images .lot-image:nth-of-type(2) {
            width: 53.012%; } }
    .micro-site .lot-images .caption {
      text-align: right; }
  .micro-site .gallery {
    margin-bottom: 4em; }
    .micro-site .gallery a {
      margin-bottom: 0; }
    .micro-site .gallery h1,
    .micro-site .gallery h2 {
      text-align: center; }
    .micro-site .gallery h1 {
      font-family: "Portrait", serif;
      font-weight: 800;
      text-transform: none;
      font-size: 2.625em;
      line-height: 1.2em;
      margin: 45px 0 30px 0; }
    .micro-site .gallery h2 {
      font-family: "PortraitItalic", serif;
      font-size: 1.125em;
      margin: 0 auto;
      line-height: 1.2em;
      max-width: 850px; }
    .micro-site .gallery br {
      display: none; }
      @media screen and (min-width: 769px) {
        .micro-site .gallery br {
          display: inline; } }
    .micro-site .gallery .caption {
      text-align: left;
      font-size: 0.875em;
      padding-top: 0; }
      .micro-site .gallery .caption p {
        font-family: "SeroWebPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0; }
    .micro-site .gallery .row {
      display: block; }
    .micro-site .gallery .col-xs-12 {
      padding: 15px 0 60px 0; }
      .micro-site .gallery .col-xs-12:not(.caption) {
        padding-bottom: 120px; }
    .micro-site .gallery p.date {
      text-align: center;
      text-transform: uppercase;
      position: absolute;
      width: 100%;
      font-size: 14px;
      margin: 0;
      bottom: calc(60px - 14px);
      color: #646464; }
  .micro-site .main-content {
    position: relative; }
    .micro-site .main-content p:first-child {
      margin: 0; }
    .micro-site .main-content span {
      font-size: 7em;
      display: block;
      height: 75px;
      text-align: center;
      font-family: "PortraitItalic", serif; }
      @media screen and (min-width: 480px) {
        .micro-site .main-content span {
          font-size: 9em; } }
    .micro-site .main-content h3, .micro-site .main-content h4 {
      font-family: "Portrait", serif;
      font-size: 0.875em;
      line-height: 1.5em;
      margin: 0;
      text-transform: none; }
    .micro-site .main-content .essay-author {
      font-size: 1rem;
      padding-bottom: 2rem; }
    .micro-site .main-content.border-top {
      border-top: 1px solid #000;
      padding-top: 2rem; }
    @media screen and (min-width: 480px) {
      .micro-site .main-content {
        border: none; }
        .micro-site .main-content.col-sm-push-6 p {
          max-width: 344px;
          margin-right: 0;
          margin-left: auto; } }
    @media screen and (min-width: 769px) {
      .micro-site .main-content p:not(.caption) {
        margin: 30px auto;
        max-width: 665px; }
      .micro-site .main-content p.img-caption {
        position: absolute;
        max-width: 428px;
        right: 0;
        top: -97px;
        text-align: right; }
      .micro-site .main-content p:last-child {
        margin-bottom: 0; }
      .micro-site .main-content.col-sm-push-6 p {
        margin: 0 0 0 auto; } }
  .micro-site .auction-info {
    position: relative;
    margin-top: 2em;
    border-top: 1px solid #000;
    padding-top: 20px; }
    .micro-site .auction-info a {
      text-decoration: none; }
    .micro-site .auction-info h2 {
      font-size: 1.125em;
      margin-top: 0; }
    .micro-site .auction-info p {
      margin: 0;
      font-size: 0.875em; }
      .micro-site .auction-info p:first-child {
        margin-bottom: 0.5em;
        font-family: "Portrait", serif;
        font-weight: bold; }
      .micro-site .auction-info p:last-child {
        margin-top: 0.5em; }
      .micro-site .auction-info p.uppercase {
        text-transform: uppercase; }
    .micro-site .auction-info .wrapper, .micro-site .auction-info .share {
      border-top: 1px solid #000;
      padding: 1em 0; }
    .micro-site .auction-info .share {
      position: relative;
      margin-top: 20px; }
      .micro-site .auction-info .share > span {
        display: none; }
      .micro-site .auction-info .share .icons {
        padding: 11px 6px 0 0;
        text-indent: -5px; }
        .micro-site .auction-info .share .icons .icon {
          width: 22px;
          height: 22px;
          margin-left: 15px;
          display: inline-block;
          text-indent: -9999em;
          background-image: url("/images/layout/aside-icons.png"); }
          .micro-site .auction-info .share .icons .icon span {
            display: none; }
          @media screen and (min-resolution 192dpi) {
            .micro-site .auction-info .share .icons .icon {
              background-image: url("/images/layout/aside-icons-2x.png");
              background-size: 50px 1250px; } }
          @media screen and (-webkit-min-device-pixel-ratio 2) {
            .micro-site .auction-info .share .icons .icon {
              background-image: url("/images/layout/aside-icons-2x.png");
              background-size: 50px 1250px; } }
          .micro-site .auction-info .share .icons .icon.email {
            background-position: -14px -364px;
            display: none; }
          .micro-site .auction-info .share .icons .icon.facebook {
            background-position: -14px -464px;
            margin-left: 0; }
          .micro-site .auction-info .share .icons .icon.twitter {
            background-position: -14px -414px; }
          .micro-site .auction-info .share .icons .icon.pinterest {
            background-position: -14px -514px; }
      @media screen and (min-width: 480px) {
        .micro-site .auction-info .share {
          margin-top: 40px; } }
    @media screen and (min-width: 480px) {
      .micro-site .auction-info {
        margin-top: 0;
        padding-top: 40px; } }
  .micro-site .btm-content {
    margin: 0 auto;
    width: 100%; }
    @media screen and (min-width: 480px) {
      .micro-site .btm-content {
        max-width: 665px;
        margin-top: 30px; }
        .micro-site .btm-content .auction-info {
          width: calc(50% - 40px);
          margin-right: 40px; } }

@media screen and (min-width: 321px) {
  .micro-site h2 {
    font-size: 0.75em; }
  .micro-site .gallery-banner h1 {
    font-size: 1.5em; } }
@media screen and (min-width: 480px) {
  .micro-site h2 {
    font-size: 1.5em; }
  .micro-site .container {
    max-width: 1045px;
    margin: 0 auto;
    padding: 0 40px; }
  .micro-site .gallery {
    margin-bottom: 4em; }
    .micro-site .gallery .caption {
      text-align: right; }
  .micro-site .content-area {
    padding: 0 0 40px 0; }
    .micro-site .content-area article:first-of-type > p {
      margin-top: 0; }
  .micro-site .banner-quote {
    max-width: 665px; }
    .micro-site .banner-quote .featured-quote:before, .micro-site .banner-quote .featured-quote:after {
      width: 75px;
      height: 75px; }
    .micro-site .banner-quote .featured-quote:before {
      margin-top: 30px;
      margin-bottom: 15px; }
    .micro-site .banner-quote .featured-quote:after {
      margin-top: 15px; }
  .micro-site .middle-img {
    width: 95%;
    display: block;
    margin: 0 auto; } }
@media screen and (min-width: 769px) {
  .micro-site h2 {
    font-size: 1.5625em; }
  .micro-site .content-area {
    padding: 0 0 80px 0; }
  .micro-site .banner-quote .featured-quote:before {
    margin-top: 45px;
    margin-bottom: 30px; }
  .micro-site .banner-quote .featured-quote:after {
    margin-top: 30px; } }

/*# sourceMappingURL=site.css.map */