<!doctype html>

<!---
Copyright 2017 The AMP Start Authors. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS-IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->

<html ⚡="">
  <head>
    <meta charset="utf-8" />
    <title>Gallery Template</title>
    <link
      rel="canonical"
      href="https://www.ampstart.com/templates/gallery-inner.amp"
    />
    <meta name="viewport" content="width=device-width" />
    <meta name="amp-google-client-id-api" content="googleanalytics" />

    <script async="" src="https://cdn.ampproject.org/v0.js"></script>

    <style amp-boilerplate="">
      body {
        -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        animation: -amp-start 8s steps(1, end) 0s 1 normal both;
      }
      @-webkit-keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
      @-moz-keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
      @-ms-keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
      @-o-keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
      @keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
    </style>
    <noscript
      ><style amp-boilerplate="">
        body {
          -webkit-animation: none;
          -moz-animation: none;
          -ms-animation: none;
          animation: none;
        }
      </style></noscript
    >

    <script
      custom-element="amp-iframe"
      src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"
      async=""
    ></script>
    <script
      custom-element="amp-carousel"
      src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"
      async=""
    ></script>
    <script
      custom-element="amp-sidebar"
      src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"
      async=""
    ></script>

    <link
      href="https://fonts.googleapis.com/css?family=Poppins:300,400,600"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Oswald:400"
      rel="stylesheet"
    />

    <style amp-custom="">
      /*! Bassplate | MIT License | http://github.com/basscss/bassplate */

      /*! Bassplate | MIT License | http://github.com/basscss/bassplate */

      /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
      html {
        font-family: sans-serif;
        line-height: 1.15;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }
      body {
        margin: 0;
      }
      article,
      aside,
      footer,
      header,
      nav,
      section {
        display: block;
      }
      h1 {
        font-size: 2em;
        margin: 0.67em 0;
      }
      figcaption,
      figure,
      main {
        display: block;
      }
      figure {
        margin: 1em 40px;
      }
      hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
      }
      pre {
        font-family: monospace, monospace;
        font-size: 1em;
      }
      a {
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
      }
      a:active,
      a:hover {
        outline-width: 0;
      }
      abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted;
      }
      b,
      strong {
        font-weight: inherit;
        font-weight: bolder;
      }
      code,
      kbd,
      samp {
        font-family: monospace, monospace;
        font-size: 1em;
      }
      dfn {
        font-style: italic;
      }
      mark {
        background-color: #ff0;
        color: #000;
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      audio,
      video {
        display: inline-block;
      }
      audio:not([controls]) {
        display: none;
        height: 0;
      }
      img {
        border-style: none;
      }
      svg:not(:root) {
        overflow: hidden;
      }
      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: sans-serif;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
      }
      button,
      input {
        overflow: visible;
      }
      button,
      select {
        text-transform: none;
      }
      [type='reset'],
      [type='submit'],
      button,
      html [type='button'] {
        -webkit-appearance: button;
      }
      [type='button']::-moz-focus-inner,
      [type='reset']::-moz-focus-inner,
      [type='submit']::-moz-focus-inner,
      button::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }
      [type='button']:-moz-focusring,
      [type='reset']:-moz-focusring,
      [type='submit']:-moz-focusring,
      button:-moz-focusring {
        outline: 1px dotted ButtonText;
      }
      fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
      }
      legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal;
      }
      progress {
        display: inline-block;
        vertical-align: baseline;
      }
      textarea {
        overflow: auto;
      }
      [type='checkbox'],
      [type='radio'] {
        box-sizing: border-box;
        padding: 0;
      }
      [type='number']::-webkit-inner-spin-button,
      [type='number']::-webkit-outer-spin-button {
        height: auto;
      }
      [type='search'] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
      }
      [type='search']::-webkit-search-cancel-button,
      [type='search']::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
      }
      details,
      menu {
        display: block;
      }
      summary {
        display: list-item;
      }
      canvas {
        display: inline-block;
      }
      [hidden],
      template {
        display: none;
      }
      .h00 {
        font-size: 4rem;
      }
      .h0,
      .h1 {
        font-size: 3rem;
      }
      .h2 {
        font-size: 2rem;
      }
      .h3 {
        font-size: 1.5rem;
      }
      .h4 {
        font-size: 1.125rem;
      }
      .h5 {
        font-size: 0.875rem;
      }
      .h6 {
        font-size: 0.75rem;
      }
      .font-family-inherit {
        font-family: inherit;
      }
      .font-size-inherit {
        font-size: inherit;
      }
      .text-decoration-none {
        text-decoration: none;
      }
      .bold {
        font-weight: 700;
      }
      .regular {
        font-weight: 400;
      }
      .italic {
        font-style: italic;
      }
      .caps {
        text-transform: uppercase;
        letter-spacing: 0.2em;
      }
      .left-align {
        text-align: left;
      }
      .center {
        text-align: center;
      }
      .right-align {
        text-align: right;
      }
      .justify {
        text-align: justify;
      }
      .nowrap {
        white-space: nowrap;
      }
      .break-word {
        word-wrap: break-word;
      }
      .line-height-1 {
        line-height: 1rem;
      }
      .line-height-2 {
        line-height: 1.125rem;
      }
      .line-height-3 {
        line-height: 1.5rem;
      }
      .line-height-4 {
        line-height: 2rem;
      }
      .list-style-none {
        list-style: none;
      }
      .underline {
        text-decoration: underline;
      }
      .truncate {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .list-reset {
        list-style: none;
        padding-left: 0;
      }
      .inline {
        display: inline;
      }
      .block {
        display: block;
      }
      .inline-block {
        display: inline-block;
      }
      .table {
        display: table;
      }
      .table-cell {
        display: table-cell;
      }
      .overflow-hidden {
        overflow: hidden;
      }
      .overflow-scroll {
        overflow: scroll;
      }
      .overflow-auto {
        overflow: auto;
      }
      .clearfix:after,
      .clearfix:before {
        content: ' ';
        display: table;
      }
      .clearfix:after {
        clear: both;
      }
      .left {
        float: left;
      }
      .right {
        float: right;
      }
      .fit {
        max-width: 100%;
      }
      .max-width-1 {
        max-width: 24rem;
      }
      .max-width-2 {
        max-width: 32rem;
      }
      .max-width-3 {
        max-width: 48rem;
      }
      .max-width-4 {
        max-width: 64rem;
      }
      .border-box {
        box-sizing: border-box;
      }
      .align-baseline {
        vertical-align: baseline;
      }
      .align-top {
        vertical-align: top;
      }
      .align-middle {
        vertical-align: middle;
      }
      .align-bottom {
        vertical-align: bottom;
      }
      .m0 {
        margin: 0;
      }
      .mt0 {
        margin-top: 0;
      }
      .mr0 {
        margin-right: 0;
      }
      .mb0 {
        margin-bottom: 0;
      }
      .ml0,
      .mx0 {
        margin-left: 0;
      }
      .mx0 {
        margin-right: 0;
      }
      .my0 {
        margin-top: 0;
        margin-bottom: 0;
      }
      .m1 {
        margin: 0.5rem;
      }
      .mt1 {
        margin-top: 0.5rem;
      }
      .mr1 {
        margin-right: 0.5rem;
      }
      .mb1 {
        margin-bottom: 0.5rem;
      }
      .ml1,
      .mx1 {
        margin-left: 0.5rem;
      }
      .mx1 {
        margin-right: 0.5rem;
      }
      .my1 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
      }
      .m2 {
        margin: 1rem;
      }
      .mt2 {
        margin-top: 1rem;
      }
      .mr2 {
        margin-right: 1rem;
      }
      .mb2 {
        margin-bottom: 1rem;
      }
      .ml2,
      .mx2 {
        margin-left: 1rem;
      }
      .mx2 {
        margin-right: 1rem;
      }
      .my2 {
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      .m3 {
        margin: 1.5rem;
      }
      .mt3 {
        margin-top: 1.5rem;
      }
      .mr3 {
        margin-right: 1.5rem;
      }
      .mb3 {
        margin-bottom: 1.5rem;
      }
      .ml3,
      .mx3 {
        margin-left: 1.5rem;
      }
      .mx3 {
        margin-right: 1.5rem;
      }
      .my3 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }
      .m4 {
        margin: 2rem;
      }
      .mt4 {
        margin-top: 2rem;
      }
      .mr4 {
        margin-right: 2rem;
      }
      .mb4 {
        margin-bottom: 2rem;
      }
      .ml4,
      .mx4 {
        margin-left: 2rem;
      }
      .mx4 {
        margin-right: 2rem;
      }
      .my4 {
        margin-top: 2rem;
        margin-bottom: 2rem;
      }
      .mxn1 {
        margin-left: calc(0.5rem * -1);
        margin-right: calc(0.5rem * -1);
      }
      .mxn2 {
        margin-left: calc(1rem * -1);
        margin-right: calc(1rem * -1);
      }
      .mxn3 {
        margin-left: calc(1.5rem * -1);
        margin-right: calc(1.5rem * -1);
      }
      .mxn4 {
        margin-left: calc(2rem * -1);
        margin-right: calc(2rem * -1);
      }
      .m-auto {
        margin: auto;
      }
      .mt-auto {
        margin-top: auto;
      }
      .mr-auto {
        margin-right: auto;
      }
      .mb-auto {
        margin-bottom: auto;
      }
      .ml-auto,
      .mx-auto {
        margin-left: auto;
      }
      .mx-auto {
        margin-right: auto;
      }
      .my-auto {
        margin-top: auto;
        margin-bottom: auto;
      }
      .p0 {
        padding: 0;
      }
      .pt0 {
        padding-top: 0;
      }
      .pr0 {
        padding-right: 0;
      }
      .pb0 {
        padding-bottom: 0;
      }
      .pl0,
      .px0 {
        padding-left: 0;
      }
      .px0 {
        padding-right: 0;
      }
      .py0 {
        padding-top: 0;
        padding-bottom: 0;
      }
      .p1 {
        padding: 0.5rem;
      }
      .pt1 {
        padding-top: 0.5rem;
      }
      .pr1 {
        padding-right: 0.5rem;
      }
      .pb1 {
        padding-bottom: 0.5rem;
      }
      .pl1 {
        padding-left: 0.5rem;
      }
      .py1 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .px1 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .p2 {
        padding: 1rem;
      }
      .pt2 {
        padding-top: 1rem;
      }
      .pr2 {
        padding-right: 1rem;
      }
      .pb2 {
        padding-bottom: 1rem;
      }
      .pl2 {
        padding-left: 1rem;
      }
      .py2 {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .px2 {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      .p3 {
        padding: 1.5rem;
      }
      .pt3 {
        padding-top: 1.5rem;
      }
      .pr3 {
        padding-right: 1.5rem;
      }
      .pb3 {
        padding-bottom: 1.5rem;
      }
      .pl3 {
        padding-left: 1.5rem;
      }
      .py3 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
      }
      .px3 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      .p4 {
        padding: 2rem;
      }
      .pt4 {
        padding-top: 2rem;
      }
      .pr4 {
        padding-right: 2rem;
      }
      .pb4 {
        padding-bottom: 2rem;
      }
      .pl4 {
        padding-left: 2rem;
      }
      .py4 {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      .px4 {
        padding-left: 2rem;
        padding-right: 2rem;
      }
      .col {
        float: left;
      }
      .col,
      .col-right {
        box-sizing: border-box;
      }
      .col-right {
        float: right;
      }
      .col-1 {
        width: 8.33333%;
      }
      .col-2 {
        width: 16.66667%;
      }
      .col-3 {
        width: 25%;
      }
      .col-4 {
        width: 33.33333%;
      }
      .col-5 {
        width: 41.66667%;
      }
      .col-6 {
        width: 50%;
      }
      .col-7 {
        width: 58.33333%;
      }
      .col-8 {
        width: 66.66667%;
      }
      .col-9 {
        width: 75%;
      }
      .col-10 {
        width: 83.33333%;
      }
      .col-11 {
        width: 91.66667%;
      }
      .col-12 {
        width: 100%;
      }
      @media (min-width: 40.06rem) {
        .sm-col {
          float: left;
          box-sizing: border-box;
        }
        .sm-col-right {
          float: right;
          box-sizing: border-box;
        }
        .sm-col-1 {
          width: 8.33333%;
        }
        .sm-col-2 {
          width: 16.66667%;
        }
        .sm-col-3 {
          width: 25%;
        }
        .sm-col-4 {
          width: 33.33333%;
        }
        .sm-col-5 {
          width: 41.66667%;
        }
        .sm-col-6 {
          width: 50%;
        }
        .sm-col-7 {
          width: 58.33333%;
        }
        .sm-col-8 {
          width: 66.66667%;
        }
        .sm-col-9 {
          width: 75%;
        }
        .sm-col-10 {
          width: 83.33333%;
        }
        .sm-col-11 {
          width: 91.66667%;
        }
        .sm-col-12 {
          width: 100%;
        }
      }
      @media (min-width: 52.06rem) {
        .md-col {
          float: left;
          box-sizing: border-box;
        }
        .md-col-right {
          float: right;
          box-sizing: border-box;
        }
        .md-col-1 {
          width: 8.33333%;
        }
        .md-col-2 {
          width: 16.66667%;
        }
        .md-col-3 {
          width: 25%;
        }
        .md-col-4 {
          width: 33.33333%;
        }
        .md-col-5 {
          width: 41.66667%;
        }
        .md-col-6 {
          width: 50%;
        }
        .md-col-7 {
          width: 58.33333%;
        }
        .md-col-8 {
          width: 66.66667%;
        }
        .md-col-9 {
          width: 75%;
        }
        .md-col-10 {
          width: 83.33333%;
        }
        .md-col-11 {
          width: 91.66667%;
        }
        .md-col-12 {
          width: 100%;
        }
      }
      @media (min-width: 64.06rem) {
        .lg-col {
          float: left;
          box-sizing: border-box;
        }
        .lg-col-right {
          float: right;
          box-sizing: border-box;
        }
        .lg-col-1 {
          width: 8.33333%;
        }
        .lg-col-2 {
          width: 16.66667%;
        }
        .lg-col-3 {
          width: 25%;
        }
        .lg-col-4 {
          width: 33.33333%;
        }
        .lg-col-5 {
          width: 41.66667%;
        }
        .lg-col-6 {
          width: 50%;
        }
        .lg-col-7 {
          width: 58.33333%;
        }
        .lg-col-8 {
          width: 66.66667%;
        }
        .lg-col-9 {
          width: 75%;
        }
        .lg-col-10 {
          width: 83.33333%;
        }
        .lg-col-11 {
          width: 91.66667%;
        }
        .lg-col-12 {
          width: 100%;
        }
      }
      .flex {
        display: -ms-flexbox;
        display: flex;
      }
      @media (min-width: 40.06rem) {
        .sm-flex {
          display: -ms-flexbox;
          display: flex;
        }
      }
      @media (min-width: 52.06rem) {
        .md-flex {
          display: -ms-flexbox;
          display: flex;
        }
      }
      @media (min-width: 64.06rem) {
        .lg-flex {
          display: -ms-flexbox;
          display: flex;
        }
      }
      .flex-column {
        -ms-flex-direction: column;
        flex-direction: column;
      }
      .flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .items-start {
        -ms-flex-align: start;
        align-items: flex-start;
      }
      .items-end {
        -ms-flex-align: end;
        align-items: flex-end;
      }
      .items-center {
        -ms-flex-align: center;
        align-items: center;
      }
      .items-baseline {
        -ms-flex-align: baseline;
        align-items: baseline;
      }
      .items-stretch {
        -ms-flex-align: stretch;
        align-items: stretch;
      }
      .self-start {
        -ms-flex-item-align: start;
        align-self: flex-start;
      }
      .self-end {
        -ms-flex-item-align: end;
        align-self: flex-end;
      }
      .self-center {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
      }
      .self-baseline {
        -ms-flex-item-align: baseline;
        align-self: baseline;
      }
      .self-stretch {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
      }
      .justify-start {
        -ms-flex-pack: start;
        justify-content: flex-start;
      }
      .justify-end {
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
      .justify-center {
        -ms-flex-pack: center;
        justify-content: center;
      }
      .justify-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      .justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
      }
      .justify-evenly {
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
      }
      .content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
      }
      .content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
      }
      .content-center {
        -ms-flex-line-pack: center;
        align-content: center;
      }
      .content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
      }
      .content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
      }
      .content-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
      }
      .flex-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
      }
      .flex-none {
        -ms-flex: none;
        flex: none;
      }
      .order-0 {
        -ms-flex-order: 0;
        order: 0;
      }
      .order-1 {
        -ms-flex-order: 1;
        order: 1;
      }
      .order-2 {
        -ms-flex-order: 2;
        order: 2;
      }
      .order-3 {
        -ms-flex-order: 3;
        order: 3;
      }
      .order-last {
        -ms-flex-order: 99999;
        order: 99999;
      }
      .relative {
        position: relative;
      }
      .absolute {
        position: absolute;
      }
      .fixed {
        position: fixed;
      }
      .top-0 {
        top: 0;
      }
      .right-0 {
        right: 0;
      }
      .bottom-0 {
        bottom: 0;
      }
      .left-0 {
        left: 0;
      }
      .z1 {
        z-index: 1;
      }
      .z2 {
        z-index: 2;
      }
      .z3 {
        z-index: 3;
      }
      .z4 {
        z-index: 4;
      }
      .border {
        border-style: solid;
        border-width: 1px;
      }
      .border-top {
        border-top-style: solid;
        border-top-width: 1px;
      }
      .border-right {
        border-right-style: solid;
        border-right-width: 1px;
      }
      .border-bottom {
        border-bottom-style: solid;
        border-bottom-width: 1px;
      }
      .border-left {
        border-left-style: solid;
        border-left-width: 1px;
      }
      .border-none {
        border: 0;
      }
      .rounded {
        border-radius: 3px;
      }
      .circle {
        border-radius: 50%;
      }
      .rounded-top {
        border-radius: 3px 3px 0 0;
      }
      .rounded-right {
        border-radius: 0 3px 3px 0;
      }
      .rounded-bottom {
        border-radius: 0 0 3px 3px;
      }
      .rounded-left {
        border-radius: 3px 0 0 3px;
      }
      .not-rounded {
        border-radius: 0;
      }
      .hide {
        position: absolute;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
      }
      @media (max-width: 40rem) {
        .xs-hide {
          display: none;
        }
      }
      @media (min-width: 40.06rem) and (max-width: 52rem) {
        .sm-hide {
          display: none;
        }
      }
      @media (min-width: 52.06rem) and (max-width: 64rem) {
        .md-hide {
          display: none;
        }
      }
      @media (min-width: 64.06rem) {
        .lg-hide {
          display: none;
        }
      }
      .display-none {
        display: none;
      }
      * {
        box-sizing: border-box;
      }
      body {
        background: #fff;
        color: #4a4a4a;
        font-family:
          -apple-system,
          BlinkMacSystemFont,
          Segoe UI,
          Roboto,
          Oxygen,
          Ubuntu,
          Cantarell,
          Fira Sans,
          Droid Sans,
          Helvetica Neue,
          Arial,
          sans-serif;
        min-width: 315px;
        overflow-x: hidden;
        font-smooth: always;
        -webkit-font-smoothing: antialiased;
      }
      main {
        max-width: 700px;
        margin: 0 auto;
      }
      p {
        padding: 0;
        margin: 0;
      }
      .ampstart-accent {
        color: #003f93;
      }
      #content:target {
        margin-top: calc(0px - 3.5rem);
        padding-top: 3.5rem;
      }
      .ampstart-title-lg {
        font-size: 3rem;
        line-height: 3.5rem;
        letter-spacing: 0.06rem;
      }
      .ampstart-title-md {
        font-size: 2rem;
        line-height: 2.5rem;
        letter-spacing: 0.06rem;
      }
      .ampstart-title-sm {
        font-size: 1.5rem;
        line-height: 2rem;
        letter-spacing: 0.06rem;
      }
      .ampstart-subtitle,
      body {
        line-height: 1.5rem;
        letter-spacing: normal;
      }
      .ampstart-subtitle {
        color: #003f93;
        font-size: 1rem;
      }
      .ampstart-byline,
      .ampstart-caption,
      .ampstart-hint,
      .ampstart-label {
        font-size: 0.875rem;
        color: #4f4f4f;
        line-height: 1.125rem;
        letter-spacing: 0.06rem;
      }
      .ampstart-label {
        text-transform: uppercase;
      }
      .ampstart-footer,
      .ampstart-small-text {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.06rem;
      }
      .ampstart-card {
        box-shadow:
          0 1px 1px 0 rgba(0, 0, 0, 0.14),
          0 1px 1px -1px rgba(0, 0, 0, 0.14),
          0 1px 5px 0 rgba(0, 0, 0, 0.12);
      }
      .h1,
      h1 {
        font-size: 3rem;
        line-height: 3.5rem;
      }
      .h2,
      h2 {
        font-size: 2rem;
        line-height: 2.5rem;
      }
      .h3,
      h3 {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .h4,
      h4 {
        font-size: 1.125rem;
        line-height: 1.5rem;
      }
      .h5,
      h5 {
        font-size: 0.875rem;
        line-height: 1.125rem;
      }
      .h6,
      h6 {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin: 0;
        padding: 0;
        font-weight: 400;
        letter-spacing: 0.06rem;
      }
      a,
      a:active,
      a:visited {
        color: inherit;
      }
      .ampstart-btn {
        font-family: inherit;
        font-weight: inherit;
        font-size: 1rem;
        line-height: 1.125rem;
        padding: 0.7em 0.8em;
        text-decoration: none;
        white-space: nowrap;
        word-wrap: normal;
        vertical-align: middle;
        cursor: pointer;
        background-color: #3f4ae6;
        border: 1px solid #fff;
      }
      .ampstart-btn:visited {
        color: #fff;
      }
      .ampstart-btn-secondary {
        background-color: #ff5774;
        color: #000;
        border: 1px solid #000;
      }
      .ampstart-btn-secondary:visited {
        color: #000;
      }
      .ampstart-btn:active .ampstart-btn:focus {
        opacity: 0.8;
      }
      .ampstart-btn[disabled],
      .ampstart-btn[disabled]:active,
      .ampstart-btn[disabled]:focus,
      .ampstart-btn[disabled]:hover {
        opacity: 0.5;
        outline: 0;
        cursor: default;
      }
      .ampstart-dropcap:first-letter {
        color: #000;
        font-size: 3rem;
        font-weight: 700;
        float: left;
        overflow: hidden;
        line-height: 3rem;
        margin-left: 0;
        margin-right: 0.5rem;
      }
      .ampstart-initialcap {
        padding-top: 1rem;
        margin-top: 1.5rem;
      }
      .ampstart-initialcap:first-letter {
        color: #000;
        font-size: 3rem;
        font-weight: 700;
        margin-left: -2px;
      }
      .ampstart-pullquote {
        border: none;
        border-left: 4px solid #3f4ae6;
        font-size: 1.5rem;
        padding-left: 1.5rem;
      }
      body {
        color: #000;
        font-family:
          Poppins,
          -apple-system,
          BlinkMacSystemFont,
          Segoe UI,
          Roboto,
          sans-serif;
        line-height: 1.6;
      }
      .gallery-base-content {
        background: #fff;
        overflow-x: hidden;
      }
      .gallery-base-container {
        position: relative;
        width: calc(0.46 * 100vw + 9.375 * 1.025rem);
        max-width: 50rem;
      }
      .gallery-base-invert {
        color: #fff;
        mix-blend-mode: difference;
        -webkit-font-smoothing: antialiased;
      }
      .ampstart-headerbar {
        z-index: 1;
      }
      .gallery-base-callout {
        margin: 0 0 3.5rem;
        font-size: 1.25rem;
        color: #3f4ae6;
        font-weight: 500;
      }
      .gallery-base-section:not(:last-child) {
        margin-bottom: 8rem;
      }
      .gallery-base-rich-text h2 {
        font-size: 2rem;
      }
      .gallery-base-rich-text address,
      .gallery-base-rich-text h2 {
        font-family:
          Oswald,
          -apple-system,
          BlinkMacSystemFont,
          Segoe UI,
          Roboto,
          sans-serif;
        letter-spacing: 0.05rem;
      }
      .gallery-base-rich-text address {
        font-size: 1.125rem;
        font-style: normal;
      }
      .gallery-base-rich-text p {
        line-height: 1.8;
      }
      .gallery-base-rich-text blockquote {
        margin: 0 0 3.5rem;
        font-size: 1.5rem;
        color: #3f4ae6;
        font-weight: 600;
      }
      .gallery-base-section {
        font-size: 1.12rem;
      }
      .gallery-inner-offset-img {
        margin-left: 0;
      }
      @media (min-width: 40.06rem) {
        .gallery-inner-offset-img {
          margin-left: -6.25rem;
        }
      }
      .gallery-inner-background-1 {
        position: absolute;
        width: calc(20vmin + 12.5 * 1rem);
        left: calc(20vw - 10 * 1rem);
        top: 140vh;
        overflow: hidden;
      }
      .gallery-inner-background-2 {
        position: fixed;
        width: calc(100vmin + 25 * 1rem);
        left: 40vw;
        top: 10vh;
        overflow: hidden;
      }
      .gallery-inner-perspective {
        perspective: 2500px;
        transform-style: preserve-3d;
      }
      .gallery-inner-3d-row {
        margin-bottom: 24rem;
        padding-bottom: 120%;
        position: relative;
      }
      @media (min-width: 52.06rem) {
        .gallery-inner-3d-row {
          margin-bottom: 0;
          padding-bottom: 40%;
        }
      }
      .gallery-inner-3d-row-img-center,
      .gallery-inner-3d-row-img-left,
      .gallery-inner-3d-row-img-right {
        position: absolute;
        transition: transform 0.5s;
      }
      .gallery-inner-3d-row-img-center amp-img,
      .gallery-inner-3d-row-img-left amp-img,
      .gallery-inner-3d-row-img-right amp-img {
        transition: box-shadow 0.5s;
        box-shadow: 0 30px 60px rgba(6, 7, 22, 0.15);
      }
      .gallery-inner-3d-row-img-left {
        width: 80%;
        left: -10%;
        top: -10%;
        transform: rotateX(-12deg) rotateY(20deg) rotate(2deg);
      }
      .gallery-inner-3d-row-img-center {
        width: 90%;
        left: 3%;
        top: 88%;
        z-index: 1;
        transform: translateZ(120px) rotateX(-6deg) rotateY(-1deg);
      }
      .gallery-inner-3d-row-img-right {
        width: 65%;
        right: -10%;
        top: 35%;
        transform: translateZ(60px) rotateY(-40deg);
      }
      @media (min-width: 52.06rem) {
        .gallery-inner-3d-row-img-left {
          width: 40%;
          left: -20%;
          top: -18%;
        }
        .gallery-inner-3d-row-img-center {
          width: 40%;
          left: 5%;
          top: 10%;
        }
        .gallery-inner-3d-row-img-right {
          width: 30%;
          right: 3%;
          top: -25%;
        }
      }
      .gallery-inner-3d-row-img-center:hover,
      .gallery-inner-3d-row-img-left:hover,
      .gallery-inner-3d-row-img-right:hover {
        transition:
          transform 0.25s,
          box-shadow 0.25s;
      }
      .gallery-inner-3d-row-img-center:hover,
      .gallery-inner-3d-row-img-left:hover,
      .gallery-inner-3d-row-img-right:hover {
        transform: translateZ(200px);
      }
      .gallery-inner-3d-row-img-center:hover amp-img,
      .gallery-inner-3d-row-img-left:hover amp-img,
      .gallery-inner-3d-row-img-right:hover amp-img {
        transition: box-shadow 0.25s;
        box-shadow: 0 30px 80px rgba(6, 7, 22, 0.15);
      }
      @media (min-width: 52.06rem) {
        .gallery-inner-img-right {
          margin-left: -5.625rem;
        }
      }
      .gallery-inner-img-right-small {
        margin-top: -3.75rem;
        float: right;
      }
      @media (min-width: 40.06rem) {
        .gallery-inner-img-right-small {
          margin-top: 0;
        }
      }
      .gallery-recommended-image img {
        -o-object-fit: cover;
        object-fit: cover;
      }
      .gallery-related-section-items li:first-child .gallery-recommended-image {
        transform: matrix3d(
          1.534047,
          0.12295,
          0,
          0.001049,
          0.081503,
          1.335949,
          0,
          0.000489,
          0,
          0,
          1,
          0,
          -49.863192,
          -29.415962,
          0,
          1
        );
        box-shadow: 1vh 6vh 5vh rgba(6, 7, 22, 0.15);
      }
      .gallery-related-section-items
        li:nth-child(2)
        .gallery-recommended-image {
        transform: matrix3d(
          1.104404,
          -0.050629,
          0,
          0.000115,
          0.223984,
          1.35379,
          0,
          0.000809,
          0,
          0,
          1,
          0,
          -24.574335,
          -22.172093,
          0,
          1
        );
        transform-origin: 0 0;
        box-shadow: 0.5vh 3vh 4vh rgba(6, 7, 22, 0.15);
      }
      .gallery-related-section-items
        li:nth-child(3)
        .gallery-recommended-image {
        transform: matrix3d(
          0.819634,
          -0.109733,
          0,
          -0.000154,
          -0.11382,
          0.81154,
          0,
          -0.000399,
          0,
          0,
          1,
          0,
          33.10833,
          33.633254,
          0,
          1
        );
        transform-origin: 0 0;
        box-shadow: 1.5vh 4vh 5vh rgba(6, 7, 22, 0.15);
      }
      .gallery-recommended-image {
        background: #eee;
        transform-origin: 0 0;
        margin-bottom: 1.5rem;
        transition: box-shadow 0.2s ease-in-out;
      }
      .ampstart-image-with-caption {
        cursor: pointer;
        transition: all 0.2s ease-in-out;
      }
      .gallery-related-section-items li:hover .ampstart-image-with-caption {
        transform: translateY(-0.5vh) scale(1.05);
      }
      .gallery-related-section-items li:hover .gallery-recommended-image {
        box-shadow: 1.5vh 7vh 6vh rgba(6, 7, 22, 0.15);
      }
      @media (max-height: 40rem) {
        .v-xs-hide {
          display: none;
        }
      }
      @media (min-height: 40.06rem) and (max-height: 52rem) {
        .v-sm-hide {
          display: none;
        }
      }
      @media (min-height: 52.06rem) and (max-height: 64rem) {
        .v-md-hide {
          display: none;
        }
      }
      @media (min-height: 64.06rem) {
        .v-lg-hide {
          display: none;
        }
      }
      @media (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .gallery-base-invert {
          color: inherit;
          mix-blend-mode: normal;
        }
      }
      .ampstart-btn {
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 3.6rem;
        padding: 1.875rem;
        font-size: 1.1rem;
        letter-spacing: 0.02em;
        font-weight: 600;
        border: 1px solid #3f4ae6;
        color: #fff;
        transition:
          transform 0.1s,
          box-shadow 0.1s;
        box-shadow: 0 0.3rem 1rem rgba(6, 7, 22, 0.1);
      }
      button.ampstart-btn {
        line-height: 0;
      }
      .ampstart-btn:hover {
        transition:
          transform 0.25s,
          box-shadow 0.25s;
        transform: translate3d(0, -0.25rem, 0) scale(1.05);
        box-shadow: 0 1rem 2rem rgba(6, 7, 22, 0.2);
      }
      .ampstart-btn:active {
        transition:
          transform 0.1s,
          box-shadow 0.1s;
        transform: translate3d(0, -0.125rem, 0) scale(1.025);
        box-shadow: 0 0.5rem 1rem rgba(6, 7, 22, 0.2);
      }
      .gallery-component-hero {
        margin-bottom: 3.75rem;
      }
      .gallery-component-hero-carousel,
      .gallery-component-hero-content {
        margin-top: calc(0.055 * 100vmin + 7.9375 * 1rem);
      }
      @media (min-width: 64.06rem) and (min-height: 64.06rem) {
        .gallery-component-hero-carousel,
        .gallery-component-hero-content {
          margin-top: calc(0.055 * 64 * 1rem + 7.9375 * 1rem);
        }
      }
      .gallery-component-hero-content {
        height: 0;
      }
      .gallery-component-hero-heading {
        line-height: 1.2;
        margin: -3.42rem 0 0;
        font-size: 4.75rem;
        letter-spacing: -0.05rem;
      }
      .gallery-component-hero-heading,
      .gallery-component-hero-subheading {
        font-family:
          Oswald,
          -apple-system,
          BlinkMacSystemFont,
          Segoe UI,
          Roboto,
          sans-serif;
        font-weight: 400;
      }
      .gallery-component-hero-subheading {
        margin: 0.5rem 0 0;
        font-size: 1.375rem;
      }
      .gallery-component-hero-action {
        margin-top: 13rem;
      }
      .gallery-component-hero-carousel {
        margin-bottom: 6.25rem;
      }
      .gallery-component-hero-carousel .amp-scrollable-carousel-slide img {
        -o-object-fit: cover;
        object-fit: cover;
      }
      .gallery-component-hero-carousel .amp-carousel-button {
        background-color: #fff;
        box-shadow: -10px 0 20px rgba(0, 0, 0, 0.12);
        border-radius: 0;
        width: 50px;
        height: 89px;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }
      .gallery-component-hero-carousel .amp-carousel-button:hover {
        background-color: #ff0;
      }
      .gallery-component-hero-carousel .amp-carousel-button:focus {
        outline: none;
      }
      .gallery-component-hero-carousel .amp-carousel-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 3L7.94 4.06l4.19 4.19H3v1.5h9.13l-4.19 4.19L9 15l6-6z'/%3E%3C/svg%3E");
        right: 0;
      }
      .gallery-component-hero-carousel .amp-carousel-button-prev {
        left: 0;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M15 8.25H5.87l4.19-4.19L9 3 3 9l6 6 1.06-1.06-4.19-4.19H15v-1.5z'/%3E%3C/svg%3E");
      }
      @media (max-width: 40rem) {
        .gallery-component-hero-carousel .amp-carousel-button {
          width: 40px;
          height: 55px;
        }
      }
      .gallery-component-hero-carousel .amp-scrollable-carousel-slide {
        margin-left: 1.5rem;
      }
      .gallery-component-hero-carousel
        .amp-scrollable-carousel-slide:first-child {
        margin-left: 1.2rem;
      }
      .gallery-component-hero-carousel
        .amp-scrollable-carousel-slide:last-child {
        margin-right: 2rem;
      }
      .gallery-component-hero-carousel
        .amp-scrollable-carousel-slide:first-child {
        background: #d8aec3;
      }
      .gallery-component-hero-carousel
        .amp-scrollable-carousel-slide:nth-child(2) {
        background: #bfdae4;
      }
      .gallery-component-hero-carousel
        .amp-scrollable-carousel-slide:nth-child(3) {
        background: #fefa4a;
      }
      .gallery-component-hero-carousel
        .amp-scrollable-carousel-slide:nth-child(4) {
        background: #c9e6f9;
      }
      .gallery-component-hero-carousel
        .amp-scrollable-carousel-slide:nth-child(5) {
        background: #e6e8e7;
      }
      .gallery-component-hero-carousel
        .amp-scrollable-carousel-slide:nth-child(6) {
        background: #f6baca;
      }
      .gallery-component-map .gallery-component-map-details {
        margin-bottom: -11.5rem;
        position: relative;
        z-index: 1;
      }
      .gallery-component-map .gallery-component-map-heading {
        width: 15rem;
        margin-bottom: 3rem;
      }
      .gallery-component-map .gallery-component-button {
        margin-left: calc(3.5vw + 1rem);
      }
      @media (min-width: 64.06rem) {
        .gallery-component-map-button {
          margin-left: 2.5rem;
        }
      }
      .gallery-component-map-frame {
        margin-top: 7.5rem;
        -webkit-mask-image: linear-gradient(
          180deg,
          transparent 10%,
          #000 8.75rem
        );
        mask-image: linear-gradient(180deg, transparent 10%, #000 8.75rem);
        position: relative;
        z-index: 0;
      }
      .gallery-sidebar {
        padding-top: 0;
        width: 23.4375rem;
        padding-right: 0;
        box-sizing: content-box;
      }
      .gallery-sidebar-close-button,
      .gallery-sidebar a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        text-decoration: none;
        padding-left: 2.5rem;
      }
      .gallery-sidebar[side] {
        background: #fff;
        transition:
          transform 0.3s cubic-bezier(0, 0, 0.21, 1),
          box-shadow 0.3s;
      }
      .gallery-sidebar[open] {
        box-shadow: 0 0 2rem rgba(6, 7, 22, 0.15);
      }
      @media (min-width: 40.06rem) and (min-height: 40.06rem) {
        .gallery-sidebar-content {
          padding: 1.875rem;
          padding-right: 0;
        }
      }
      .ampstart-sidebar-header {
        font-weight: 300;
        margin: 2rem 0 calc(1.25rem * 0.925);
      }
      .ampstart-navbar-trigger {
        -ms-flex: none;
        flex: none;
        cursor: pointer;
        line-height: 1;
      }
      .ampstart-headerbar .ampstart-navbar-trigger {
        padding: 0;
        margin-top: 20px;
      }
      .gallery-sidebar .ampstart-navbar-trigger {
        height: 2.35rem;
        line-height: calc(2.35rem * 1.066666667);
        overflow: hidden;
        padding: 0 0.625rem;
        margin-top: calc(2.35rem / -2 + 1.25rem / 2);
      }
      .ampstart-navbar-trigger:active,
      .ampstart-navbar-trigger:focus,
      .gallery-sidebar .ampstart-navbar-trigger {
        background: #ccc;
        color: #fff;
        outline: none;
      }
      .gallery-sidebar-close-button:hover {
        background-color: #eee;
      }
      .gallery-sidebar .ampstart-navbar-trigger:active,
      .gallery-sidebar .ampstart-navbar-trigger:focus {
        outline: none;
        background-color: #ccc;
      }
      .gallery-sidebar-close-button svg {
        display: block;
        width: 1.125rem;
        height: 1.125rem;
      }
      .ampstart-sidebar-nav-title {
        position: absolute;
        top: 2rem;
        margin-left: 2.875rem;
        text-transform: none;
        color: #000;
        font-weight: 100;
      }
      .ampstart-sidebar-nav-title,
      .gallery-sidebar-heading {
        font-size: 0.84375rem;
        line-height: 1.25rem;
        letter-spacing: 0.05em;
      }
      .gallery-sidebar-heading {
        margin: 0 0 0 1rem;
      }
      .gallery-sidebar-heading a {
        text-decoration: none;
        color: inherit;
      }
      @media (min-width: 40.06rem) and (min-height: 40.06rem) {
        .gallery-sidebar-heading {
          margin: 0 0 0 1.875rem;
        }
      }
      .ampstart-sidebar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        counter-reset: a -1;
        margin: 1rem 0;
        background: #fff;
      }
      .ampstart-nav-link {
        -ms-flex: none;
        flex: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.375rem;
        font-weight: 600;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        line-height: 1.2;
        letter-spacing: -0.03em;
        text-decoration: none;
        padding: 1.1rem 0;
        white-space: nowrap;
        position: relative;
      }
      .ampstart-nav-item {
        margin-left: -2.5rem;
      }
      .ampstart-nav-link:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transform: scaleX(0) translateZ(0);
        transform-origin: left center;
        transition: transform 0.24s ease-in-out;
      }
      .ampstart-nav-link:hover:after {
        display: block;
        content: '';
        transform: scaleX(1) translateZ(0);
      }
      .ampstart-nav-item:nth-child(7n + 1) {
        color: #e4bf0b;
      }
      .ampstart-nav-item:nth-child(7n + 1) .ampstart-nav-link:after {
        background-color: rgba(228, 191, 11, 0.1);
      }
      .ampstart-nav-item:nth-child(7n + 3) {
        color: #fe95a6;
      }
      .ampstart-nav-item:nth-child(7n + 3) .ampstart-nav-link:after {
        background-color: rgba(254, 149, 166, 0.1);
      }
      .ampstart-nav-item:nth-child(7n + 4) {
        color: #aeb197;
      }
      .ampstart-nav-item:nth-child(7n + 4) .ampstart-nav-link:after {
        background-color: hsla(67, 14%, 64%, 0.1);
      }
      .ampstart-nav-item:nth-child(7n + 5) {
        color: #127eb1;
      }
      .ampstart-nav-item:nth-child(7n + 5) .ampstart-nav-link:after {
        background-color: rgba(18, 126, 177, 0.1);
      }
      .ampstart-nav-item:nth-child(7n + 6) {
        color: #5870ed;
      }
      .ampstart-nav-item:nth-child(7n + 6) .ampstart-nav-link:after {
        background-color: rgba(88, 112, 237, 0.1);
      }
      .ampstart-nav-item:nth-child(7n + 7) {
        color: #774a4e;
      }
      .ampstart-nav-item:nth-child(7n + 7) .ampstart-nav-link:after {
        background-color: rgba(119, 74, 78, 0.1);
      }
      .ampstart-nav-item:nth-child(2) .ampstart-nav-link {
        border-top: 1px solid #aaa;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
      }
      .ampstart-nav-item:nth-child(2) .ampstart-nav-link:after {
        background-color: #000;
        top: -1px;
        bottom: -1px;
      }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .ampstart-nav-item:nth-child(2) .ampstart-nav-link {
          border: none;
          background:
            linear-gradient(180deg, #000, #000 50%, #fff 0) 0 0/100% 1px
              no-repeat,
            linear-gradient(180deg, #000, #000 50%, #fff 0) 0 100%/100% 1px
              no-repeat;
        }
        .ampstart-nav-item:nth-child(2) .ampstart-nav-link:after {
          top: 0;
          bottom: 0;
        }
      }
      .ampstart-nav-item .ampstart-nav-link:before {
        width: 1.125rem;
        margin-right: 1rem;
        text-align: center;
        -ms-flex-item-align: start;
        align-self: flex-start;
        color: #000;
        font-size: 0.9375rem;
        font-weight: 200;
        -webkit-font-smoothing: antialiased;
        line-height: 1.71875rem;
        counter-increment: a;
        content: counter(a);
        -ms-flex: none;
        flex: none;
      }
      .ampstart-nav-item:nth-child(2) .ampstart-nav-link:before,
      .ampstart-nav-item:nth-child(2) .gallery-sidebar-nav-item-icon,
      .ampstart-nav-item:nth-child(2) .gallery-sidebar-nav-item-text {
        color: #fff;
        z-index: 1;
        mix-blend-mode: difference;
        -webkit-font-smoothing: antialiased;
      }
      @media (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .ampstart-nav-item:nth-child(2) .gallery-sidebar-nav-item-text {
          color: #000;
          mix-blend-mode: normal;
        }
      }
      .gallery-sidebar-nav-item-text {
        -ms-flex: auto;
        flex: auto;
        margin-right: 1rem;
      }
      .gallery-sidebar-nav-item-icon,
      .gallery-sidebar-nav-item-text,
      .gallery-sidebar-nav-item:before {
        z-index: 1;
      }
      @media (min-width: 40.06rem) and (min-height: 40.06rem) {
        .ampstart-nav-item .ampstart-nav-link:before,
        .gallery-sidebar-nav-item-text {
          margin-right: 1.875rem;
        }
      }
      .gallery-sidebar-nav-item-image {
        -ms-flex: none;
        flex: none;
        width: 3.125rem;
        height: 3.125rem;
        margin: -1rem 0;
        border-radius: 50%;
        z-index: 1;
        transition:
          transform 0.1s,
          box-shadow 0.1s;
        box-shadow: 0 0 0 rgba(6, 7, 22, 0.2);
      }
      .gallery-sidebar-nav-item-image,
      .gallery-sidebar-nav-item-image img {
        -o-object-fit: cover;
        object-fit: cover;
      }
      .ampstart-nav-item:nth-child(3) .gallery-sidebar-nav-item-image {
        background: #fe95a6;
      }
      .ampstart-nav-item:nth-child(4) .gallery-sidebar-nav-item-image {
        background: #aeb197;
      }
      .ampstart-nav-item:nth-child(5) .gallery-sidebar-nav-item-image {
        background: #127eb1;
      }
      .ampstart-nav-item:nth-child(6) .gallery-sidebar-nav-item-image {
        background: #5870ed;
      }
      .ampstart-nav-item:nth-child(7) .gallery-sidebar-nav-item-image {
        background: #774a4e;
      }
      .ampstart-nav-item:nth-child(8) .gallery-sidebar-nav-item-image {
        background: #e4bf0b;
      }
      .gallery-sidebar-nav-item-icon {
        -ms-flex: none;
        flex: none;
        width: 0.82em;
        height: 0.82em;
        margin-left: 0.6rem;
        margin-right: 0.6rem;
        color: #000;
        margin-top: -2px;
      }
      .gallery-sidebar-nav-item-icon svg * {
        stroke-width: 4.1px;
      }
      .gallery-component-tagline {
        left: calc(1rem + 36px + 0.65rem);
        pointer-events: none;
        position: absolute;
        top: 20px;
        z-index: 9;
      }
      .gallery-component-tagline > div {
        font-size: 0.84375rem;
        line-height: 36px;
      }
      @media (min-width: 40.06rem) {
        .gallery-component-tagline {
          left: 1rem;
          top: calc(20px + 36px + 0.65rem);
        }
        .gallery-component-tagline > div {
          transform: rotate(-90deg) translate(-100%);
          transform-origin: top left;
        }
      }
    </style>
  </head>
  <body>
    <!-- Start Navbar -->
    <header
      class="ampstart-headerbar fixed flex justify-start items-center top-0 left-0 right-0 pl2 pr4"
    >
      <div
        role="button"
        aria-label="open sidebar"
        on="tap:sidebar.toggle"
        tabindex="0"
        class="ampstart-navbar-trigger pr2"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 36 36"
          width="36"
          height="36"
        >
          <path fill="currentColor" d="M9 12h18v1H9z"></path>
          <path fill="currentColor" d="M9 17h18v1H9z"></path>
          <path fill="currentColor" d="M9 22h18v1H9z"></path>
        </svg>
      </div>
    </header>

    <!-- Start Sidebar -->
    <amp-sidebar
      id="sidebar"
      class="ampstart-sidebar px3 gallery-sidebar"
      layout="nodisplay"
    >
      <div class="flex justify-start items-center ampstart-sidebar-header">
        <div
          role="button"
          aria-label="close sidebar"
          on="tap:sidebar.toggle"
          tabindex="0"
          class="ampstart-navbar-trigger items-start"
        >
          ✕
        </div>
      </div>
      <nav class="ampstart-sidebar-nav ampstart-nav">
        <ul class="list-reset m0 p0 ampstart-label">
          <li role="heading" class="ampstart-sidebar-nav-title">
            Current Exhibitions
          </li>
          <li class="ampstart-nav-item gallery-sidebar-nav-item">
            <a class="ampstart-nav-link" href="./gallery.amp.html"
              ><div class="gallery-sidebar-nav-item-text">Home</div>
              <div class="gallery-sidebar-nav-item-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                  <polyline
                    fill="none"
                    stroke="currentColor"
                    points="27 5 72.167 50.167 27.335 95"
                  ></polyline>
                </svg></div
            ></a>
          </li>
          <li class="ampstart-nav-item gallery-sidebar-nav-item">
            <a class="ampstart-nav-link" href="./gallery-inner.amp.html"
              ><div class="gallery-sidebar-nav-item-text">
                Untitled<br />Evan Ondre
              </div>
              <amp-img
                class="gallery-sidebar-nav-item-image"
                width="1"
                height="1"
                layout="responsive"
                src="../img/gallery/smoke.jpg"
                srcset="../img/gallery/smoke.jpg 1x, ../img/gallery/smoke@2x.jpg 2x"
              ></amp-img>
              <div class="gallery-sidebar-nav-item-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                  <polyline
                    fill="none"
                    stroke="currentColor"
                    points="27 5 72.167 50.167 27.335 95"
                  ></polyline>
                </svg></div
            ></a>
          </li>
          <li class="ampstart-nav-item gallery-sidebar-nav-item">
            <a class="ampstart-nav-link" href="./gallery-inner.amp.html"
              ><div class="gallery-sidebar-nav-item-text">
                Cage<br />Ellen Doe
              </div>
              <amp-img
                class="gallery-sidebar-nav-item-image"
                width="1"
                height="1"
                layout="responsive"
                src="../img/gallery/court.jpg"
                srcset="../img/gallery/court.jpg 1x, ../img/gallery/court@2x.jpg 2x"
              ></amp-img>
              <div class="gallery-sidebar-nav-item-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                  <polyline
                    fill="none"
                    stroke="currentColor"
                    points="27 5 72.167 50.167 27.335 95"
                  ></polyline>
                </svg></div
            ></a>
          </li>
          <li class="ampstart-nav-item gallery-sidebar-nav-item">
            <a class="ampstart-nav-link" href="./gallery-inner.amp.html"
              ><div class="gallery-sidebar-nav-item-text">
                Living Tree<br />David Beck
              </div>
              <amp-img
                class="gallery-sidebar-nav-item-image"
                width="1"
                height="1"
                layout="responsive"
                src="../img/gallery/orange.jpg"
                srcset="../img/gallery/orange.jpg 1x, ../img/gallery/orange@2x.jpg 2x"
              ></amp-img>
              <div class="gallery-sidebar-nav-item-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                  <polyline
                    fill="none"
                    stroke="currentColor"
                    points="27 5 72.167 50.167 27.335 95"
                  ></polyline>
                </svg></div
            ></a>
          </li>
          <li class="ampstart-nav-item gallery-sidebar-nav-item">
            <a class="ampstart-nav-link" href="./gallery-inner.amp.html"
              ><div class="gallery-sidebar-nav-item-text">
                Short Circuit<br />Anna Moss
              </div>
              <amp-img
                class="gallery-sidebar-nav-item-image"
                width="1"
                height="1"
                layout="responsive"
                src="../img/gallery/lamp.jpg"
                srcset="../img/gallery/lamp.jpg 1x, ../img/gallery/lamp@2x.jpg 2x"
              ></amp-img>
              <div class="gallery-sidebar-nav-item-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                  <polyline
                    fill="none"
                    stroke="currentColor"
                    points="27 5 72.167 50.167 27.335 95"
                  ></polyline>
                </svg></div
            ></a>
          </li>
          <li class="ampstart-nav-item gallery-sidebar-nav-item">
            <a class="ampstart-nav-link" href="./gallery-inner.amp.html"
              ><div class="gallery-sidebar-nav-item-text">
                Geo Breakfast<br />Terra Morales
              </div>
              <amp-img
                class="gallery-sidebar-nav-item-image"
                width="1"
                height="1"
                layout="responsive"
                src="../img/gallery/balloon.jpg"
                srcset="../img/gallery/balloon.jpg 1x, ../img/gallery/balloon@2x.jpg 2x"
              ></amp-img>
              <div class="gallery-sidebar-nav-item-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                  <polyline
                    fill="none"
                    stroke="currentColor"
                    points="27 5 72.167 50.167 27.335 95"
                  ></polyline>
                </svg></div
            ></a>
          </li>
          <li class="ampstart-nav-item gallery-sidebar-nav-item">
            <a class="ampstart-nav-link" href="./gallery-inner.amp.html"
              ><div class="gallery-sidebar-nav-item-text">
                Flower Still Life<br />Brad Parker
              </div>
              <amp-img
                class="gallery-sidebar-nav-item-image"
                width="1"
                height="1"
                layout="responsive"
                src="../img/gallery/plant.jpg"
                srcset="../img/gallery/plant.jpg 1x, ../img/gallery/plant@2x.jpg 2x"
              ></amp-img>
              <div class="gallery-sidebar-nav-item-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                  <polyline
                    fill="none"
                    stroke="currentColor"
                    points="27 5 72.167 50.167 27.335 95"
                  ></polyline>
                </svg></div
            ></a>
          </li>
        </ul>
      </nav>
    </amp-sidebar>
    <!-- End Sidebar -->
    <!-- End Navbar -->

    <div class="gallery-component-tagline">
      <div>Gallery of Modern Art</div>
    </div>
    <main id="content" class="gallery-base-content fit" role="main">
      <svg
        class="gallery-inner-background-1"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 388 809"
        aria-hidden="true"
      >
        <path
          d="M7 142.5C7 245 124.5 286 124.5 373s-77 206.367-77 306c0 99.633 93 123 150.5 123s140 1.5 140-130.5-16.5-111-16.5-227S381 274 381 134 268.5 8 203 8 7 40 7 142.5z"
          fill="#f5f6fd"
        ></path>
      </svg>
      <svg
        class="gallery-inner-background-2"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 1167 599"
        aria-hidden="true"
      >
        <path
          d="M8 359.5c0 143.5 56.5 179 177.5 179s150.054-30 286-30S737 594 879.5 594 1159 543.5 1159 299.5 1062.734 5 902 5C741.266 5 689 220 568 220s-333.383-72.5-425-72.5c-91.617 0-135 68.5-135 212z"
          fill="#f5f6fd"
        ></path>
      </svg>

      <header class="gallery-component-hero clearfix">
        <div class="gallery-base-container mx-auto">
          <div
            class="gallery-component-hero-content absolute left-0 right-0 z1"
          >
            <h1 class="gallery-component-hero-heading">Living Tree</h1>
            <div class="gallery-component-hero-subheading">
              <time datetime="2017-08-24">Sept 24</time>-<time
                datetime="2017-08-29"
                >29</time
              >
              / Anna Moss
            </div>
            <div class="gallery-component-hero-action">
              <button
                class="ampstart-btn gallery-component-button items-center justify-center"
              >
                Buy Tickets
              </button>
            </div>
          </div>
        </div>
        <div class="gallery-component-hero-carousel">
          <amp-carousel
            height="316"
            layout="fixed-height"
            type="carousel"
            autoplay=""
            loop=""
          >
            <amp-img
              src="../img/gallery/corner.jpg"
              srcset="../img/gallery/corner.jpg 1x, ../img/gallery/corner@2x.jpg 2x"
              width="361"
              height="316"
            ></amp-img>
            <amp-img
              src="../img/gallery/lamp.jpg"
              srcset="../img/gallery/lamp.jpg 1x, ../img/gallery/lamp@2x.jpg 2x"
              width="211"
              height="316"
            ></amp-img>
            <amp-img
              src="../img/gallery/spectrum.jpg"
              srcset="../img/gallery/spectrum.jpg 1x, ../img/gallery/spectrum@2x.jpg 2x"
              width="316"
              height="316"
            ></amp-img>
            <amp-img
              src="../img/gallery/stripe.jpg"
              srcset="../img/gallery/stripe.jpg 1x, ../img/gallery/stripe@2x.jpg 2x"
              width="517"
              height="316"
            ></amp-img>
            <amp-img
              src="../img/gallery/hall.jpg"
              srcset="../img/gallery/hall.jpg 1x, ../img/gallery/hall@2x.jpg 2x"
              width="473"
              height="316"
            ></amp-img>
            <amp-img
              src="../img/gallery/smoke.jpg"
              srcset="../img/gallery/smoke.jpg 1x, ../img/gallery/smoke@2x.jpg 2x"
              width="364"
              height="316"
            ></amp-img>
          </amp-carousel>
        </div>
        <div class="gallery-base-container gallery-base-rich-text mx-auto">
          <div class="flex flex-wrap">
            <div class="md-col-1 lg-col-2 xs-hide sm-hide">&nbsp;</div>
            <div class="md-col-8 lg-col-7">
              <blockquote>
                Justo libero ut nunc consequat massa. Vitae et nulla. Mus arcu
                in. Tellus at ut. Ac mi varius ut.
              </blockquote>
            </div>
          </div>
        </div>
      </header>
      <section class="gallery-base-section gallery-base-rich-text">
        <div class="gallery-base-container mx-auto">
          <div class="flex flex-wrap">
            <div class="col-12 md-col-9">
              <p class="gallery-base-invert relative z1 mb2">
                Vestibulum sit nibh. Et aliquam dolor. Sodales ac dui. Sed erat
                lacinia maecenas fusce accumsan vehicula aliquam nibh lorem
                dolor nulla. Facilisi quis tellus. Ut id sed. Porttitor habitant
                viverra proident scelerisque duis duis et turpis. Integer est
                condimentum. Suscipit nulla integer. Phasellus facilis
                vestibulum. Con pellentesque sed. Urna in risus sem fusce
                suscipit. In sed integer. Imperdiet mauris sit. Pretium vitae
                in. Fusce et vehicula. Nibh a aliquam. Proin massa posuere. Quis
                pulvinar vehicula.
              </p>
            </div>
          </div>
          <div class="gallery-inner-3d-row gallery-inner-perspective">
            <div class="gallery-inner-3d-row-img-left">
              <div class="gallery-inner-perspective">
                <amp-img
                  width="450"
                  height="350"
                  layout="responsive"
                  src="../img/gallery/stairs.jpg"
                  srcset="
                    ../img/gallery/stairs.jpg 1x,
                    ../img/gallery/stairs@2x.jpg 2x
                  "
                  alt="pink stairs against a blue sky"
                ></amp-img>
              </div>
            </div>
            <div class="gallery-inner-3d-row-img-center">
              <div class="gallery-inner-perspective">
                <amp-img
                  width="450"
                  height="390"
                  layout="responsive"
                  src="../img/gallery/plant.jpg"
                  srcset="
                    ../img/gallery/plant.jpg 1x,
                    ../img/gallery/plant@2x.jpg 2x
                  "
                  alt="house plant on a chair on a yellow background"
                ></amp-img>
              </div>
            </div>
            <div class="gallery-inner-3d-row-img-right">
              <div class="gallery-inner-perspective">
                <amp-img
                  width="500"
                  height="600"
                  layout="responsive"
                  src="../img/gallery/lamp.jpg"
                  srcset="
                  ../img/gallery/lamp.jpg 1x,
                  ../img/gallery/lamp@2x.jpg 2x
                  "
                  alt="pink lamp on a blue wall"
                ></amp-img>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="gallery-base-section gallery-base-rich-text">
        <div class="gallery-base-container mx-auto">
          <div class="flex flex-wrap">
            <div class="col-12 md-col-8">
              <h2 class="gallery-base-invert relative z1 mb2">
                About the Exhibit
              </h2>
              <p class="gallery-base-invert relative z1 mb2">
                Suspendisse quisque suscipit mauris ac culpa. Duis etiam mauris.
                Lacinia volutpat ut. Congue etiam lobortis. Ultrices aliquam
                rutrum. Dignissim fermentum odio amet id tellus. At taciti
                imperdiet. Consequat ut blandit. Amet justo posuere. Metus
                ligula amet. Vehicula libero enim. Lectus sed elit ante dui quis
                leo nobis.
              </p>
            </div>
            <div class="col-12 md-col-4">
              <amp-img
                width="8"
                height="12"
                layout="responsive"
                src="../img/gallery/skyline.jpg"
                srcset="
                  ../img/gallery/skyline.jpg 1x,
                  ../img/gallery/skyline@2x.jpg 2x
                "
                alt="mountain at sunset"
              ></amp-img>
            </div>
          </div>
        </div>
      </section>
      <section class="gallery-base-section gallery-base-rich-text">
        <div class="gallery-base-container mx-auto">
          <div class="flex flex-wrap">
            <div class="col-12">
              <h2 class="gallery-base-invert relative z1 mb2">
                About the Artist
              </h2>
            </div>
            <div class="col-12 md-col-7">
              <p class="gallery-base-invert relative z1 mb2">
                Velit sed quis. Tempus in sed integer morbi lacus ac luctus elit
                phasellus elementum gravida. Dui at consectetuer. Est in
                pellentesque. Consequat sapien consectetuer. Nam lacinia erat
                mollis sodales in magna nec sapien ultrices scelerisque quam.
              </p>
              <p class="gallery-base-invert relative z1 mb2">
                Ultrices nunc dolor voluptates euismod morbi amet in mi libero
                elit malesuada. Fringilla potenti magna. Orci ipsum est ac nunc
                eget maecenas ligula dui. Eu a suspendisse. Neque at volutpat.
                Nam ut ligula. Cras turpis urna consequuntur varius tempus
                aenean maecenas purus sem faucibus facilisis penatibus volutpat
                proin. Wisi libero in. Venenatis tellus elementum.
              </p>
            </div>
            <div class="col-12 md-col-5">
              <amp-img
                width="400"
                height="579"
                class="gallery-inner-offset-img"
                layout="responsive"
                src="../img/gallery/lake.jpg"
                srcset="
                  ../img/gallery/pineapple.jpg 1x,
                  ../img/gallery/pineapple@2x.jpg 2x
                "
                alt="blue lake against skyline"
              ></amp-img>
            </div>
          </div>
        </div>
      </section>

      <section class="gallery-base-section gallery-base-rich-text">
        <div class="gallery-base-container mx-auto">
          <h2 class="gallery-base-invert relative z1 pb2 mb2">Other Exibits</h2>
          <ul
            class="gallery-related-section-items list-reset flex flex-wrap m0"
          >
            <li class="sm-col-4 md-col-4 lg-col-4 pr2 py2 mx-auto">
              <figure class="ampstart-image-with-caption m0 relative mb4">
                <amp-img
                  width="233"
                  height="202"
                  src="../img/gallery/jellyfish.jpg"
                  srcset="
                      ../img/gallery/jellyfish.jpg 1x,
                      ../img/gallery/jellyfish@2x.jpg 2x
                    "
                  alt="swimming jellyfish"
                  layout="responsive"
                  class="gallery-recommended-image"
                ></amp-img>
                <figcaption class="h5 mt1 px3">
                  Untitled &mdash; Evan Ondre
                </figcaption>
              </figure>
            </li>
            <li class="sm-col-4 md-col-4 lg-col-4 pr2 py2 mx-auto">
              <figure class="ampstart-image-with-caption m0 relative mb4">
                <amp-img
                  width="233"
                  height="202"
                  src="../img/gallery/balloon.jpg"
                  srcset="
                      ../img/gallery/balloon.jpg 1x,
                      ../img/gallery/balloon@2x.jpg 2x
                    "
                  alt="colourful hot air balloon"
                  layout="responsive"
                  class="gallery-recommended-image"
                ></amp-img>
                <figcaption class="h5 mt1 px3">
                  Cage &mdash; Ellen Doe
                </figcaption>
              </figure>
            </li>
            <li class="sm-col-4 md-col-4 lg-col-4 pr2 py2 mx-auto">
              <figure class="ampstart-image-with-caption m0 relative mb4">
                <amp-img
                  width="233"
                  height="202"
                  src="../img/gallery/orange.jpg"
                  srcset="
                      ../img/gallery/orange.jpg 1x,
                      ../img/gallery/orange@2x.jpg 2x
                    "
                  alt="sliced orange covered in blue paint"
                  layout="responsive"
                  class="gallery-recommended-image"
                ></amp-img>
                <figcaption class="h5 mt1 px3">
                  Short Circuit &mdash; Anna Moss
                </figcaption>
              </figure>
            </li>
          </ul>
        </div>
      </section>

      <section
        class="gallery-component-map gallery-base-section gallery-base-rich-text"
      >
        <div class="gallery-component-map-details left-0 right-0 z1">
          <div class="gallery-base-container mx-auto">
            <h2 class="gallery-component-map-heading mb2">
              Visit the exhibition from
              <time datetime="2017-08-24">Sept 24</time>-<time
                datetime="2017-08-29"
                >29</time
              >
            </h2>
            <div class="flex items-center">
              <address class="m0">
                <div>123 St Name</div>
                City, State 12345
              </address>

              <button
                class="ampstart-btn gallery-component-button items-center justify-center"
              >
                Buy Tickets
              </button>
            </div>
          </div>
        </div>
        <div class="gallery-component-map-frame">
          <amp-iframe
            height="300"
            layout="fixed-height"
            sandbox="allow-scripts allow-top-navigation"
            scrolling="no"
            frameborder="0"
            noloading=""
            src="https://ampstart-iframes.firebaseapp.com/templates/gallery/3p/gallery-map.html?marker=40.7794406,-73.9654327"
          ></amp-iframe>
        </div>
      </section>
    </main>
  </body>
</html>
