@media screen and (min-width: 1025px) {
  #photos-10-8 {
    padding-top: 55px; } }
#photos-10-8 .gallery {
  position: relative;
  z-index: 1;
  min-height: -webkit-calc(100vh - 55px);
  min-height: calc(100vh - 55px);
  background: #000;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 5rem; }
#photos-10-8 .gallery-heroimage {
  position: relative;
  min-height: -webkit-calc(100vh - 55px);
  min-height: calc(100vh - 55px);
  background: url(/micrositeresource/me-and-mr.-lucian-freud-by-sue-tilley/content/splashimage.png) #562030;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  color: #fff;
  z-index: 1; }
  @media screen and (min-width: 769px) {
    #photos-10-8 .gallery-heroimage {
      background-position: right center;
      background-size: auto 140%; } }
#photos-10-8 .gallery-banner {
  position: absolute;
  left: 1rem;
  bottom: 3rem;
  z-index: 2; }
  @media screen and (min-width: 480px) {
    #photos-10-8 .gallery-banner {
      bottom: 1em; } }
  @media screen and (min-width: 769px) {
    #photos-10-8 .gallery-banner {
      left: 2rem;
      bottom: 2rem; } }
  #photos-10-8 .gallery-banner h1,
  #photos-10-8 .gallery-banner h2 {
    line-height: 1.2em; }
  #photos-10-8 .gallery-banner h1 {
    font-family: "Portrait", serif;
    font-weight: 800;
    text-transform: none;
    font-size: 1.25em;
    margin-bottom: 0; }
    @media screen and (min-width: 321px) {
      #photos-10-8 .gallery-banner h1 {
        font-size: 1.5em; } }
    @media screen and (min-width: 480px) {
      #photos-10-8 .gallery-banner h1 {
        font-size: 3em; } }
    @media screen and (min-width: 769px) {
      #photos-10-8 .gallery-banner h1 {
        font-size: 4em; } }
  #photos-10-8 .gallery-banner h2 {
    text-transform: none;
    font-weight: normal;
    font-size: 0.5em;
    margin-top: 0.5em;
    font-family: "PortraitItalic", serif; }
    @media screen and (min-width: 321px) {
      #photos-10-8 .gallery-banner h2 {
        font-size: 0.75em; } }
    @media screen and (min-width: 480px) {
      #photos-10-8 .gallery-banner h2 {
        font-size: 1.5em; } }
    @media screen and (min-width: 769px) {
      #photos-10-8 .gallery-banner h2 {
        font-size: 2em; } }
#photos-10-8 .caption {
  position: absolute;
  bottom: 30%;
  right: 1rem; }
  @media screen and (min-width: 480px) {
    #photos-10-8 .caption {
      bottom: 17%; } }
  @media screen and (min-width: 769px) {
    #photos-10-8 .caption {
      bottom: 0; } }
  #photos-10-8 .caption p {
    margin: 0.25em 0; }
#photos-10-8 .content {
  overflow: hidden;
  padding: 3em 1em;
  margin: 0 3.5em; }
  @media screen and (min-width: 480px) {
    #photos-10-8 .content {
      border-top: 1px solid #000;
      padding: 3em 0; } }
#photos-10-8 .left-aside .gallery-link {
  margin-bottom: 2em; }
  #photos-10-8 .left-aside .gallery-link a {
    text-decoration: none; }
  #photos-10-8 .left-aside .gallery-link.right {
    text-align: right; }
  #photos-10-8 .left-aside .gallery-link img {
    margin-bottom: 1em; }
  #photos-10-8 .left-aside .gallery-link p {
    margin: 0.25em 0;
    font-size: 0.875em; }
    #photos-10-8 .left-aside .gallery-link p.view-gallery {
      text-decoration: underline;
      text-transform: uppercase; }
#photos-10-8 .main-content {
  border-top: 1px solid #000;
  padding-top: 1.5em; }
  @media screen and (min-width: 480px) {
    #photos-10-8 .main-content {
      border: none;
      padding-top: 0; } }
  #photos-10-8 .main-content p {
    font-size: 0.875em; }
  #photos-10-8 .main-content p:first-child {
    margin-top: 0; }
  #photos-10-8 .main-content .featured-qoute {
    font-size: 1.75em;
    text-align: center;
    font-family: "PortraitItalic", serif;
    font-weight: 600;
    text-transform: none; }
    @media screen and (min-width: 480px) {
      #photos-10-8 .main-content .featured-qoute {
        font-size: 2.1875em; } }
    #photos-10-8 .main-content .featured-qoute:before, #photos-10-8 .main-content .featured-qoute:after {
      content: "";
      background: url(/micrositeresource/me-and-mr.-lucian-freud-by-sue-tilley/content/qoute.svg);
      background-repeat: none;
      background-size: contain;
      background-position: center;
      width: 50px;
      height: 50px;
      display: block;
      margin: 0 auto; }
      @media screen and (min-width: 480px) {
        #photos-10-8 .main-content .featured-qoute:before, #photos-10-8 .main-content .featured-qoute:after {
          width: 75px;
          height: 75px; } }
    #photos-10-8 .main-content .featured-qoute:after {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      margin-top: 5px; }
  #photos-10-8 .main-content span {
    font-size: 7em;
    display: block;
    height: 75px;
    text-align: center;
    font-family: "PortraitItalic", serif; }
    @media screen and (min-width: 480px) {
      #photos-10-8 .main-content span {
        font-size: 9em; } }
#photos-10-8 .livestream-embed {
  position: relative;
  overflow: hidden;
  padding: 2em 0;
  margin: 2em 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }
  #photos-10-8 .livestream-embed .livestream-wrapper {
    position: relative;
    padding-bottom: 50%;
    margin-bottom: 1em; }
    @media screen and (min-width: 769px) {
      #photos-10-8 .livestream-embed .livestream-wrapper {
        margin-bottom: 0; } }
    #photos-10-8 .livestream-embed .livestream-wrapper iframe {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #photos-10-8 .livestream-embed .description {
    padding-left: 1em;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    #photos-10-8 .livestream-embed .description p {
      margin-bottom: 1em; }
#photos-10-8 .auction-info {
  position: relative;
  margin-top: 2em; }
  @media screen and (min-width: 769px) {
    #photos-10-8 .auction-info {
      position: absolute;
      bottom: 26.6em;
      left: 0;
      margin-top: 0; } }
  #photos-10-8 .auction-info a {
    text-decoration: none; }
  #photos-10-8 .auction-info p {
    margin: 0; }
    #photos-10-8 .auction-info p:first-child {
      margin-bottom: 0.5em;
      font-family: "Portrait", serif;
      font-weight: bold; }
    #photos-10-8 .auction-info p:last-child {
      margin-top: 0.5em; }
    #photos-10-8 .auction-info p.uppercase {
      text-transform: uppercase; }
  #photos-10-8 .auction-info a {
    text-decoration: none; }
  #photos-10-8 .auction-info .wrapper {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 1em 0; }
  #photos-10-8 .auction-info .share {
    position: relative; }
    #photos-10-8 .auction-info .share > span {
      display: none; }
    #photos-10-8 .auction-info .share .icons {
      padding: 11px 6px 0 0;
      text-indent: -5px; }
      #photos-10-8 .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"); }
        #photos-10-8 .auction-info .share .icons .icon span {
          display: none; }
        @media screen and (min-resolution 192dpi) {
          #photos-10-8 .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) {
          #photos-10-8 .auction-info .share .icons .icon {
            background-image: url("/images/layout/aside-icons-2x.png");
            background-size: 50px 1250px; } }
        #photos-10-8 .auction-info .share .icons .icon.email {
          background-position: -14px -364px;
          display: none; }
        #photos-10-8 .auction-info .share .icons .icon.facebook {
          background-position: -14px -464px;
          margin-left: 0; }
        #photos-10-8 .auction-info .share .icons .icon.twitter {
          background-position: -14px -414px; }
        #photos-10-8 .auction-info .share .icons .icon.pinterest {
          background-position: -14px -514px; }

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