:root {
  --white: white;
  --gold: #ffd900;
  --black: black;
  --dark-gold: #d58018;
  --dark-blue: #0b0a1d;
  --rollover: #979797;
  --cyan: #03f7ff;
  --moccasin: #dbc282;
  --yellow: #eaff00;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.body {
  background-color: var(--white);
}

.landing-section {
  background-image: url('../images/Main-3a.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.gallery-section {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
}

.michael-ward {
  color: var(--white);
  text-align: center;
  flex: 0 auto;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 20vw;
  font-weight: 100;
  line-height: 80%;
}

.michael-ward._1-and-2 {
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-weight: 100;
  display: block;
  position: static;
  top: -21px;
}

.michael-ward._3-and-4 {
  display: none;
}

.div-block-5 {
  background-color: var(--white);
  align-self: flex-end;
  width: 3px;
  height: 50px;
  margin-bottom: 3px;
  margin-right: -2px;
  position: static;
}

.downward-arrow-link {
  flex-flow: row;
  order: 0;
  place-content: space-around center;
  align-self: auto;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: static;
  inset: auto 0% 36px;
}

.div-block-6 {
  background-color: var(--white);
  align-self: flex-end;
  width: 3px;
  height: 20px;
  position: relative;
  bottom: -2px;
  right: -5px;
  transform: rotate(45deg);
}

.div-block-7 {
  background-color: var(--white);
  align-self: flex-end;
  width: 3px;
  height: 20px;
  position: relative;
  bottom: -2px;
  left: -10px;
  transform: rotate(-45deg);
}

.text-span-3 {
  color: var(--white);
  position: relative;
  left: -9px;
}

.home-thumb {
  background-color: #3bad37;
  justify-content: center;
  align-items: center;
  width: 96vw;
  height: 700px;
  margin-top: 50px;
  display: flex;
}

.home-thumb.recent {
  background-color: #0000;
  background-image: url('../images/Recent-work-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
}

.home-thumb.large-paintings {
  background-color: #0000;
  background-image: url('../images/Large-paintings-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
}

.home-thumb.prints {
  background-color: #0000;
  background-image: url('../images/Prints.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
}

.home-thumb.ghost {
  background-color: #0000;
  background-image: url('../images/Ghost-series.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
}

.home-thumb.film {
  background-color: #0000;
  background-image: url('../images/Film.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
}

.home-thumb.savage {
  background-color: #0000;
  background-image: url('../images/Stardust-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
}

.home-thumb.early {
  background-color: #0000;
  background-image: url('../images/Early-work.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
  margin-bottom: 40px;
}

.link {
  color: var(--white);
  text-align: center;
  margin-top: -25px;
  font-family: Lato, sans-serif;
  font-size: 12vw;
  font-weight: 100;
  line-height: 100%;
  text-decoration: none;
  transition: color .2s;
}

.link:hover {
  color: var(--gold);
}

.menu-1 {
  color: var(--white);
  width: 100px;
  font-family: Lato, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: absolute;
  inset: 30px auto auto 50px;
}

.menu-1:hover {
  color: var(--gold);
}

.contact-1 {
  color: var(--white);
  text-align: right;
  justify-content: flex-end;
  width: 150px;
  font-family: Lato, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: absolute;
  inset: 30px 50px auto auto;
}

.contact-1:hover {
  color: var(--gold);
}

.sticky-menu {
  z-index: 1000;
  width: 100vw;
  height: auto;
  position: sticky;
  top: 0;
  bottom: auto;
}

.menu-2 {
  color: var(--white);
  font-family: Lato, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: absolute;
  inset: 80px auto auto 70px;
}

.menu-2:hover {
  color: var(--gold);
}

.contact-2 {
  color: var(--white);
  font-family: Lato, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: absolute;
  inset: 80px 70px auto auto;
}

.contact-2:hover {
  color: var(--gold);
}

.downward-arrow-box {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  display: flex;
  position: absolute;
  bottom: 36px;
  left: 0%;
  right: 0%;
}

.body-2 {
  background-color: var(--white);
}

.section---bandits {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.project-container {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  max-width: 940px;
  margin-top: 50px;
  margin-bottom: 0;
  display: flex;
}

.project-container._2 {
  margin-top: 0;
}

.project-heading {
  direction: ltr;
  text-align: left;
  margin-bottom: -20px;
  margin-left: -10px;
  font-family: Lato, sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 100;
  line-height: 100px;
  text-decoration: none;
  position: static;
  top: -7px;
  left: -323px;
}

.project-heading.too-wide {
  width: 750px;
}

.project-heading.too-left {
  margin-left: 0;
}

.project-heading.no-dims {
  margin-bottom: 0;
}

.project-heading.early {
  margin-bottom: -20px;
}

.project-heading._2 {
  width: 500px;
  margin-bottom: -35px;
}

.project-heading.too-left {
  width: 600px;
}

.project-heading._1 {
  margin-bottom: -35px;
}

.project-heading.prints {
  margin-bottom: -20px;
}

.project-heading.too-far-left {
  margin-left: 0;
}

.project-dims-1-2 {
  color: var(--black);
  text-align: right;
  align-self: flex-end;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  position: static;
  right: -854px;
}

.project-dims-1-2.among, .project-dims-1-2.beginning {
  right: -803px;
}

.project-dims-1-2.trip {
  right: -752px;
}

.project-dims-1-2._2 {
  right: -822px;
}

.project-dims-1-2._3 {
  align-self: flex-end;
  position: static;
  right: -816px;
}

.project-dims-1-2._4 {
  right: -858px;
}

.project-dims-1-2._2-lines {
  color: var(--black);
  margin-top: -15px;
}

.project-dims-1-2.spacer {
  color: #0000;
}

.project-dims-1-2.stardust---close-ups {
  color: var(--black);
  align-self: flex-start;
}

.project-dims-1-2.invisible {
  color: #0000;
  margin-top: -15px;
}

.project-para-1-2 {
  color: #0000;
  height: 10px;
  margin-top: 0;
  margin-right: 166px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 21px;
  position: relative;
  top: 0;
  overflow: hidden;
}

.project-para-1-2.text {
  color: var(--black);
  height: auto;
  top: -21px;
  overflow: hidden;
}

.project-para-1-2.hidden {
  color: var(--black);
  height: auto;
  margin-top: 5px;
  margin-bottom: 15px;
  top: -21px;
  overflow: hidden;
}

.project-para-1-2.text-2 {
  color: var(--black);
  height: auto;
  top: -21px;
  overflow: hidden;
}

.project-para-1-2.bio-text {
  color: var(--black);
  height: auto;
  margin-top: 55px;
  margin-bottom: 0;
  margin-right: 25px;
  top: -21px;
  overflow: hidden;
}

.project-divider {
  background-color: var(--black);
  width: 100%;
  height: 1px;
  margin-top: 0;
  position: relative;
  top: 0;
}

.image-hero {
  width: 100%;
  margin-top: 20px;
}

.lightbox-thumb-1 {
  color: var(--black);
  text-align: left;
  width: 175px;
  height: 25px;
  margin-top: 20px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  text-decoration: none;
  display: block;
  position: static;
  right: -740px;
}

.lightbox-thumb-1.stardust {
  flex: 0 auto;
  align-self: auto;
}

.lightbox-holder {
  justify-content: space-between;
  width: 940px;
  margin-top: 0;
  display: flex;
  overflow: visible;
}

.lightbox-holder.align-right {
  order: 0;
  align-self: auto;
}

.lightbox-holder.stardust {
  align-self: auto;
}

.lightbox-thumb-2 {
  background-image: url('../images/Moments-thumb-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  margin-top: 20px;
  margin-left: 20px;
  display: none;
}

.lightbox-thumb-2.pandemonium, .lightbox-thumb-2.nothing, .lightbox-thumb-2.beginning, .lightbox-thumb-2.moments, .lightbox-thumb-2.once, .lightbox-thumb-2.bandits, .lightbox-thumb-2.among, .lightbox-thumb-2.twist, .lightbox-thumb-2.trip, .lightbox-thumb-2.visceral, .lightbox-thumb-2.pick-a-card, .lightbox-thumb-2.pandora, .lightbox-thumb-2.last-dance, .lightbox-thumb-2.ravensbourne, .lightbox-thumb-2.evitt, .lightbox-thumb-2.slade, .lightbox-thumb-2.furies, .lightbox-thumb-2.bts, .lightbox-thumb-2.ghost-print, .lightbox-thumb-2.ordinary-girl, .lightbox-thumb-2.plazma, .lightbox-thumb-2.spider, .lightbox-thumb-2.bread-and-roses, .lightbox-thumb-2.juke-of-earl, .lightbox-thumb-2.eagle-eye, .lightbox-thumb-2.demon, .lightbox-thumb-2.black-spot, .lightbox-thumb-2.rockola, .lightbox-thumb-2.beyond-the-sea, .lightbox-thumb-2.landslide {
  background-image: none;
}

.lightbox-link {
  text-align: right;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  top: 6px;
  left: -30px;
}

.lightbox-open-plus {
  flex-flow: column;
  place-content: space-around center;
  align-items: center;
  width: 18px;
  height: 35px;
  display: flex;
  position: relative;
  top: -21px;
  bottom: 0;
  right: -156px;
}

.lightbox-plus-2 {
  background-color: var(--black);
  width: 2px;
  height: 18px;
  position: static;
}

.lightbox-plus-1 {
  background-color: var(--black);
  width: 18px;
  height: 2px;
  position: relative;
  top: 10px;
}

.lightbox-thumb-3 {
  background-image: url('../images/Moments-thumb-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lightbox-thumb-3.bandits, .lightbox-thumb-3.pandemonium, .lightbox-thumb-3.nothing, .lightbox-thumb-3.moments, .lightbox-thumb-3.once, .lightbox-thumb-3.twist, .lightbox-thumb-3.trip, .lightbox-thumb-3.visceral, .lightbox-thumb-3.pick-a-card, .lightbox-thumb-3.pandora, .lightbox-thumb-3.last-dance, .lightbox-thumb-3.ravensbourne, .lightbox-thumb-3.evitt, .lightbox-thumb-3.slade, .lightbox-thumb-3.furies, .lightbox-thumb-3.bts, .lightbox-thumb-3.bread-and-roses, .lightbox-thumb-3.juke-of-earl, .lightbox-thumb-3.eagle-eye, .lightbox-thumb-3.beyond-the-sea, .lightbox-thumb-3.landslide {
  background-image: none;
}

.project-dims-3-4 {
  direction: ltr;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  display: none;
  position: relative;
  top: 24px;
  left: 0;
  right: 0;
}

.menu-container {
  z-index: 1000;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  height: 30px;
  margin-top: 0;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
  overflow: visible;
}

.hamburger {
  display: none;
}

.section---pandemonium {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.lightbox-thumb-4 {
  background-image: url('../images/Moments-thumb-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lightbox-thumb-4.pandemonium, .lightbox-thumb-4.nothing, .lightbox-thumb-4.moments, .lightbox-thumb-4.once {
  background-image: none;
}

.lightbox-thumb-4.twist, .lightbox-thumb-4.trip, .lightbox-thumb-4.visceral {
  background-image: url('../images/Twist-thumb-4.jpg');
}

.lightbox-thumb-4.evitt, .lightbox-thumb-4.slade {
  background-image: none;
}

.section---nothing {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.lightbox-thumb-5 {
  background-image: url('../images/Moments-thumb-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lightbox-thumb-5.nothing, .lightbox-thumb-5.once {
  background-image: none;
}

.lightbox-thumb-5.twist, .lightbox-thumb-5.trip, .lightbox-thumb-5.visceral {
  background-image: url('../images/Twist-thumb-5.jpg');
}

.lightbox-thumb-5.slade {
  background-image: none;
}

.lightbox-thumb-6 {
  background-image: url('../images/Moments-thumb-6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lightbox-thumb-6.nothing, .lightbox-thumb-6.once {
  background-image: none;
}

.lightbox-thumb-6.twist {
  background-image: url('../images/Twist-thumb-6.jpg');
}

.lightbox-thumb-6.slade {
  background-image: none;
}

.lightbox-thumb-7 {
  background-image: url('../images/Nothing-thumb-Situ.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lightbox-thumb-7.nothing, .lightbox-thumb-7.slade, .lightbox-thumb-7.slade {
  background-image: none;
}

.section---once, .section---beginning, .section---moments, .section---among, .section---twist, .section---trip, .section---visceral {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.drop-down-ghost {
  background-color: #fff;
  width: 240px;
  height: 35px;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.link-ghost {
  z-index: 2;
  float: right;
  clear: none;
  color: var(--black);
  text-align: right;
  width: 240px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.link-ghost:hover {
  color: var(--dark-gold);
}

.gallery-arrow-holder-ghost {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 35px;
  height: 25px;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: 64px;
  display: block;
  position: static;
}

.gallery-arrow-pt2 {
  background-color: var(--black);
  width: 2px;
  height: 16px;
  position: relative;
  top: -4px;
  right: -18px;
}

.gallery-arrow-pt1 {
  background-color: var(--black);
  width: 2px;
  height: 14px;
  position: relative;
  bottom: -16px;
  right: -23px;
  transform: rotate(45deg);
}

.gallery-arrow-pt3 {
  background-color: var(--black);
  width: 2px;
  height: 14px;
  margin-top: 0;
  position: relative;
  bottom: 14px;
  right: -13px;
  transform: rotate(-45deg);
}

.main-menu {
  background-color: #fff;
  width: 85px;
  height: 35px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.link-main-menu {
  color: var(--black);
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
}

.link-main-menu:hover {
  color: var(--dark-gold);
}

.grid {
  clear: none;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  justify-content: start;
  align-self: flex-start;
  place-items: start;
  width: 500px;
  margin-top: 20px;
  position: absolute;
}

.footer-link {
  color: var(--black);
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
  transition: color .2s;
}

.footer-link:hover, .footer-link.w--current {
  color: var(--dark-gold);
}

.footer-link.large-paintings {
  color: var(--black);
  transition: color .2s;
}

.footer-link.large-paintings:hover, .footer-link.large-paintings.w--current {
  color: var(--dark-gold);
}

.footer-link.ghost-series {
  transition: color .2s;
}

.footer-link.ghost-series:hover {
  color: var(--dark-gold);
}

.container {
  flex-flow: column;
  place-content: space-around flex-start;
  align-items: center;
  height: 200px;
  margin-top: 0;
  margin-bottom: 100px;
  display: flex;
}

.back-to-top {
  background-color: #0000;
  order: 0;
  justify-content: flex-end;
  align-self: flex-end;
  width: 200px;
  height: auto;
  margin-top: 20px;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.footer-arrow-holder {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 25px;
  height: 20px;
  margin-top: 0;
  margin-bottom: -1px;
  margin-left: 4px;
  display: block;
  position: static;
  transform: rotate(180deg);
}

.footer-arrow-pt1 {
  background-color: var(--black);
  width: 2px;
  height: 14px;
  position: relative;
  bottom: -7px;
  right: -14px;
  transform: rotate(45deg);
}

.footer-arrow-pt2 {
  background-color: var(--black);
  width: 2px;
  height: 16px;
  position: relative;
  top: -12px;
  right: -9px;
}

.footer-arrow-pt3 {
  background-color: var(--black);
  width: 2px;
  height: 14px;
  margin-top: 0;
  position: relative;
  bottom: 23px;
  right: -4px;
  transform: rotate(-45deg);
}

.section---menu {
  margin-top: 0;
  padding-top: 25px;
}

.back-to-menu-link {
  z-index: 1;
  color: var(--black);
  text-align: right;
  align-self: center;
  margin-right: -30px;
  padding-right: 33px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  text-decoration: none;
  position: relative;
}

.menu-opened-main {
  z-index: 4000;
  background-color: #0b0a1d;
  background-image: radial-gradient(circle, #20696b 20%, #242150);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu-div-1-2-main {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.close-x-main {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  margin-top: -150px;
  display: flex;
  position: static;
  top: 30px;
}

.x-part-1-main {
  background-color: var(--white);
  order: 0;
  align-self: center;
  width: 40px;
  height: 2px;
  position: relative;
  transform: rotate(45deg);
}

.x-part-2-main {
  background-color: var(--white);
  align-self: center;
  width: 40px;
  height: 2px;
  position: relative;
  top: -2px;
  transform: rotate(-45deg);
}

.menu-grid-bp3-main {
  z-index: 4000;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
  position: static;
  top: 163px;
}

.link-1---main {
  color: var(--white);
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-1---main:hover {
  color: var(--gold);
}

.link-2---main {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-2---main:hover {
  color: var(--gold);
}

.link-3---main {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-3---main:hover {
  color: var(--gold);
}

.link-4---main {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-4---main:hover {
  color: var(--gold);
}

.menu-bg-fade-in-main {
  background-color: var(--black);
  display: block;
  position: absolute;
  inset: 0%;
}

.menu-opened-gallery {
  z-index: 4000;
  background-color: #0000;
  background-image: radial-gradient(circle, #f3e9c6 20%, #f1aa66);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu-div-1-2-gallery {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.close-x-gallery {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  margin-top: -150px;
  display: flex;
  position: static;
  top: 30px;
}

.x-part-1-gallery {
  background-color: var(--black);
  order: 0;
  align-self: center;
  width: 40px;
  height: 2px;
  position: relative;
  transform: rotate(45deg);
}

.x-part-2-gallery {
  background-color: var(--black);
  align-self: center;
  width: 40px;
  height: 2px;
  position: relative;
  top: -2px;
  transform: rotate(-45deg);
}

.menu-grid-bp3-gallery {
  z-index: 1;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
  position: static;
  top: 163px;
}

.link-1---gallery {
  color: var(--black);
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-1---gallery:hover {
  color: var(--dark-gold);
}

.link-2---gallery {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-2---gallery:hover {
  color: var(--dark-gold);
}

.link-3---gallery {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-3---gallery:hover {
  color: var(--dark-gold);
}

.link-4---gallery {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-4---gallery:hover {
  color: var(--dark-gold);
}

.menu-bg-fade-in-gallery {
  background-color: var(--white);
  display: block;
  position: absolute;
  inset: 0%;
}

.link-5---gallery {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-5---gallery:hover {
  color: var(--dark-gold);
}

.link-6---gallery {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-6---gallery:hover {
  color: var(--dark-gold);
}

.link-7---gallery {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 5vw;
  font-weight: 100;
  line-height: 120%;
  text-decoration: none;
  transition: color .2s;
  display: block;
  position: static;
  top: 0;
}

.link-7---gallery:hover {
  color: var(--dark-gold);
}

.ghost-intro-container {
  position: relative;
  top: 52px;
}

.paragraph {
  margin-bottom: 50px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 21px;
}

.link-large-paintings {
  z-index: 2;
  float: right;
  clear: none;
  color: var(--black);
  text-align: right;
  width: 240px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.link-large-paintings:hover {
  color: var(--dark-gold);
}

.drop-down-large-paintings {
  background-color: #fff;
  width: 240px;
  height: 35px;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.gallery-arrow-holder-large-paintings {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 35px;
  height: 25px;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: 38px;
  display: block;
  position: static;
}

.link-recent-work {
  z-index: 2;
  float: right;
  clear: none;
  color: var(--black);
  text-align: right;
  width: 240px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.link-recent-work:hover {
  color: var(--dark-gold);
}

.drop-down-recent-work {
  background-color: #fff;
  width: 240px;
  height: 35px;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.gallery-arrow-holder-recent-work {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 35px;
  height: 25px;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: 60px;
  display: block;
  position: static;
}

.section---pick-a-card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.lightbox-thumb-8, .lightbox-thumb-9, .lightbox-thumb-10, .lightbox-thumb-11, .lightbox-thumb-12, .lightbox-thumb-13, .lightbox-thumb-14, .lightbox-thumb-15, .lightbox-thumb-16, .lightbox-thumb-17, .lightbox-thumb-18, .lightbox-thumb-19, .lightbox-thumb-20, .lightbox-thumb-21, .lightbox-thumb-22, .lightbox-thumb-23, .lightbox-thumb-24, .lightbox-thumb-25, .lightbox-thumb-26, .lightbox-thumb-27, .lightbox-thumb-28, .lightbox-thumb-29, .lightbox-thumb-30, .lightbox-thumb-31, .lightbox-thumb-32, .lightbox-thumb-33, .lightbox-thumb-34, .lightbox-thumb-35, .lightbox-thumb-36, .lightbox-thumb-37, .lightbox-thumb-38, .lightbox-thumb-39, .lightbox-thumb-40, .lightbox-thumb-41, .lightbox-thumb-42, .lightbox-thumb-43, .lightbox-thumb-44, .lightbox-thumb-45, .lightbox-thumb-46, .lightbox-thumb-47, .lightbox-thumb-48, .lightbox-thumb-49, .lightbox-thumb-50, .lightbox-thumb-51, .lightbox-thumb-52, .lightbox-thumb-53, .lightbox-thumb-54, .lightbox-thumb-55, .lightbox-thumb-56, .lightbox-thumb-57, .lightbox-thumb-58 {
  background-image: url('../images/Nothing-thumb-Situ.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.section---furies {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.image-hero---show-bp-4 {
  display: none;
}

.image-hero---hide-bp4 {
  width: 100%;
  margin-top: 20px;
}

.menu-underline {
  background-color: var(--black);
  width: 100%;
  height: 1px;
  margin-top: 0;
  position: relative;
  top: 50px;
}

.section---pandoras-twin, .section---last-dance, .section---firefly, .section---ravensbourne, .section---slade, .section---evitt {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.drop-down-early-work {
  background-color: #fff;
  width: 240px;
  height: 35px;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.link-early-work {
  z-index: 2;
  float: right;
  clear: none;
  color: var(--black);
  text-align: right;
  width: 240px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.link-early-work:hover {
  color: var(--dark-gold);
}

.gallery-arrow-holder-early-work {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 35px;
  height: 25px;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: 80px;
  display: block;
  position: static;
}

.text-span-5 {
  font-weight: 400;
}

.project-year {
  color: var(--black);
  text-align: right;
  align-self: flex-end;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  position: static;
  right: -854px;
}

.project-year.among, .project-year.beginning {
  right: -803px;
}

.project-year.trip {
  right: -752px;
}

.project-year._1 {
  align-self: flex-end;
  position: static;
  right: -913px;
}

.project-year._2 {
  right: -893px;
}

.text-block {
  color: var(--black);
  margin-top: -20px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.read-more-link {
  color: var(--black);
  text-align: left;
  width: 175px;
  height: 25px;
  margin-top: -24px;
  margin-bottom: 12px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  text-decoration: none;
  display: block;
  position: static;
  right: -740px;
}

.read-more-text {
  text-align: left;
  font-family: Lato, sans-serif;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  top: 6px;
  left: 0;
}

.read-more-plus {
  flex-flow: column;
  place-content: space-around center;
  align-items: center;
  width: 18px;
  height: 35px;
  display: flex;
  position: relative;
  top: -21px;
  bottom: 0;
  right: -81px;
}

.read-more-plus-horiz {
  background-color: var(--black);
  width: 18px;
  height: 2px;
  position: relative;
  top: 10px;
}

.read-more-plus-vert {
  background-color: var(--black);
  width: 2px;
  height: 18px;
  position: static;
}

.lightbox-thumb-3-copy.bandits, .lightbox-thumb-3-copy.pandemonium, .lightbox-thumb-3-copy.nothing, .lightbox-thumb-3-copy.moments, .lightbox-thumb-3-copy.once, .lightbox-thumb-3-copy.twist, .lightbox-thumb-3-copy.trip, .lightbox-thumb-3-copy.visceral, .lightbox-thumb-3-copy.pick-a-card, .lightbox-thumb-3-copy.pandora, .lightbox-thumb-3-copy.last-dance, .lightbox-thumb-3-copy.ravensbourne {
  background-image: none;
}

.lightbox-thumb-5-copy {
  background-image: url('../images/Moments-thumb-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lightbox-thumb-5-copy.nothing, .lightbox-thumb-5-copy.once {
  background-image: none;
}

.lightbox-thumb-5-copy.twist, .lightbox-thumb-5-copy.trip, .lightbox-thumb-5-copy.visceral {
  background-image: url('../images/Twist-thumb-5.jpg');
}

.lightbox-thumb-4-copy {
  background-image: url('../images/Moments-thumb-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lightbox-thumb-4-copy.pandemonium, .lightbox-thumb-4-copy.nothing, .lightbox-thumb-4-copy.moments, .lightbox-thumb-4-copy.once {
  background-image: none;
}

.lightbox-thumb-4-copy.twist, .lightbox-thumb-4-copy.trip, .lightbox-thumb-4-copy.visceral {
  background-image: url('../images/Twist-thumb-4.jpg');
}

.section---love-lies, .section---san-romano, .section---tutti-frutti, .section---entropy, .section---go-go, .section---jack {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.drop-down-prints {
  background-color: #fff;
  width: 240px;
  height: 35px;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.link-prints {
  z-index: 2;
  float: right;
  clear: none;
  color: var(--black);
  text-align: right;
  width: 240px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.link-prints:hover {
  color: var(--dark-gold);
}

.gallery-arrow-holder-prints {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 35px;
  height: 25px;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: 135px;
  display: block;
  position: static;
}

.section---bts {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.project-para-1-3 {
  color: #0000;
  height: 10px;
  margin-top: 0;
  margin-right: 166px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 21px;
  position: relative;
  top: 0;
  overflow: hidden;
}

.project-para-1-3.text {
  color: #000;
  height: auto;
  top: -21px;
  overflow: hidden;
}

.project-para-1-3.hidden {
  color: #000;
  height: auto;
  margin-top: 5px;
  margin-bottom: 15px;
  top: -21px;
  overflow: hidden;
}

.section---ghost-print {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.section---ordinary-girl {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  font-style: italic;
  display: flex;
}

.section---ghost-print-copy, .section---pisa-my-heart {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.project-sub-heading {
  direction: ltr;
  text-align: left;
  margin-top: -65px;
  margin-bottom: -43px;
  margin-left: 0;
  font-family: Lato, sans-serif;
  font-size: 50px;
  font-weight: 100;
  line-height: 100px;
  text-decoration: none;
  position: static;
  top: -7px;
  left: -323px;
}

.project-sub-heading.too-wide {
  width: 750px;
}

.project-sub-heading.too-left {
  margin-left: 0;
}

.project-sub-heading.no-dims {
  margin-bottom: 0;
}

.project-sub-heading.early {
  margin-bottom: -20px;
}

.project-sub-heading._2 {
  width: 500px;
  margin-bottom: -35px;
}

.project-sub-heading.too-left {
  width: 600px;
}

.project-sub-heading._1 {
  margin-bottom: -35px;
}

.project-sub-heading.prints {
  margin-bottom: -20px;
}

.section---bang-bang-man, .section---plazma, .section---ergo, .section---spider {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.drop-down-film {
  background-color: #fff;
  width: 240px;
  height: 35px;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.link-film {
  z-index: 2;
  float: right;
  clear: none;
  color: var(--black);
  text-align: right;
  width: 240px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.link-film:hover {
  color: var(--dark-gold);
}

.gallery-arrow-holder-film {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 35px;
  height: 25px;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: 152px;
  display: block;
  position: static;
}

.drop-down-stardust {
  background-color: #fff;
  width: 240px;
  height: 35px;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.link-stardust {
  z-index: 2;
  float: right;
  clear: none;
  color: var(--black);
  text-align: right;
  width: 240px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.link-stardust:hover {
  color: var(--dark-gold);
}

.gallery-arrow-holder-stardust {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 35px;
  height: 25px;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: 27px;
  display: block;
  position: static;
}

.stardust-intro-container {
  position: relative;
  top: 52px;
}

.text-span-6 {
  font-weight: 400;
}

.section---stardust {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.lightbox-thumb-3-copy {
  background-image: url('../images/Moments-thumb-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lightbox-thumb-3-copy.bandits, .lightbox-thumb-3-copy.pandemonium, .lightbox-thumb-3-copy.nothing, .lightbox-thumb-3-copy.moments, .lightbox-thumb-3-copy.once, .lightbox-thumb-3-copy.twist, .lightbox-thumb-3-copy.trip, .lightbox-thumb-3-copy.visceral, .lightbox-thumb-3-copy.pick-a-card, .lightbox-thumb-3-copy.pandora, .lightbox-thumb-3-copy.last-dance, .lightbox-thumb-3-copy.ravensbourne, .lightbox-thumb-3-copy.evitt, .lightbox-thumb-3-copy.slade, .lightbox-thumb-3-copy.furies, .lightbox-thumb-3-copy.bts {
  background-image: none;
}

.spacer {
  color: #0000;
  height: 5px;
}

.youtube {
  margin-top: 25px;
}

.youtube.film-page {
  margin-bottom: 50px;
}

.section---art-begets, .section---spider-film {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.vimeo.film-page {
  margin-top: 25px;
  margin-bottom: 50px;
}

.section---peters-ls, .section---sleeping-beauty, .section---kirsty-wark {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.grid-2 {
  grid-row-gap: 0px;
  grid-template-areas: "."
                       "Area";
  align-self: stretch;
}

.grid-2.bio {
  grid-column-gap: 0px;
  grid-template-rows: auto auto;
  margin-top: 25px;
}

.section---you-are-here {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.section {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-2 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 50px;
  display: flex;
}

.image {
  margin-top: 25px;
}

.image.je16web {
  display: block;
}

.link-block {
  z-index: 5;
  position: fixed;
  inset: 0 auto 0% 0%;
}

.link-block-2 {
  width: 300px;
  height: 20px;
  position: relative;
  top: -291px;
  left: 320px;
}

.link-block-3 {
  width: 150px;
  height: 20px;
  position: relative;
  top: -795px;
  left: 620px;
}

.link-block-4 {
  align-self: center;
  width: 200px;
  height: 20px;
  position: relative;
  top: -274px;
  left: 0;
}

.link-block-5 {
  align-self: center;
  display: block;
  position: relative;
  top: -375px;
  left: -81px;
}

.link-block-6 {
  align-self: center;
  display: block;
  position: relative;
  top: -425px;
  right: -70px;
}

.image-3 {
  position: static;
  top: -318px;
  left: 319px;
}

.image-4, .link-block-8 {
  display: none;
}

.section---bread-and-roses {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.image-5 {
  margin-top: 25px;
}

.link-2 {
  color: var(--white);
  align-self: center;
  font-family: Lato, sans-serif;
  position: relative;
  top: -433px;
  left: 0;
}

.text-block-2 {
  color: var(--white);
  align-self: center;
  font-family: Lato, sans-serif;
  position: relative;
  top: -608px;
}

.section---earl-of-duke {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.section---pick-a-card-copy, .section---earl-of-duke-2, .section---earl-of-duke-3, .section---juke-of-earl, .section---eagle-eye, .section---demon, .section---black-spot, .section---rockola, .section---akogo, .section---beyond-the-sea, .section---fuente, .section---string-of-pearls, .section---landslide {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

@media screen and (max-width: 991px) {
  .michael-ward {
    color: var(--white);
    text-align: center;
    line-height: 80%;
  }

  .michael-ward._1-and-2 {
    position: relative;
    top: -21px;
  }

  .michael-ward._3-and-4 {
    display: none;
  }

  .div-block-5 {
    margin-bottom: 3px;
  }

  .downward-arrow-link {
    bottom: 25px;
  }

  .div-block-6 {
    right: -5px;
  }

  .text-span-3 {
    left: -7px;
  }

  .home-thumb {
    height: 500px;
  }

  .home-thumb.recent, .home-thumb.large-paintings, .home-thumb.prints, .home-thumb.ghost, .home-thumb.film {
    height: 450px;
    margin-top: 20px;
  }

  .home-thumb.savage {
    background-image: url('../images/Stardust-2.jpg');
    height: 450px;
    margin-top: 20px;
  }

  .home-thumb.early {
    height: 450px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .link {
    font-size: 15vw;
  }

  .menu-1 {
    font-size: 2.5vw;
    display: block;
    top: 20px;
    left: 40px;
  }

  .contact-1 {
    font-size: 2.5vw;
    display: block;
    top: 20px;
    right: 40px;
  }

  .sticky-menu {
    height: auto;
  }

  .menu-2 {
    font-size: 2.5vw;
    display: block;
    top: 30px;
    left: 40px;
  }

  .contact-2 {
    font-size: 2.5vw;
    display: block;
    top: 30px;
    right: 40px;
  }

  .downward-arrow-box {
    bottom: 24px;
  }

  .project-container {
    margin-top: 50px;
  }

  .project-heading {
    width: auto;
    margin-bottom: -20px;
    margin-left: -10px;
    margin-right: -141px;
    padding-right: 0;
    font-size: 90px;
    line-height: 90px;
    top: 1px;
    left: -213px;
  }

  .project-heading.too-wide {
    width: 700px;
  }

  .project-heading.too-left {
    width: 500px;
  }

  .project-heading.no-dims {
    margin-bottom: 15px;
  }

  .project-heading.early {
    margin-bottom: 0;
  }

  .project-heading._2 {
    width: 500px;
    margin-bottom: -35px;
  }

  .project-heading.too-left {
    width: auto;
    margin-left: 0;
  }

  .project-heading.prints {
    margin-bottom: 0;
  }

  .project-dims-1-2 {
    margin-bottom: 15px;
    top: -30px;
    right: -642px;
  }

  .project-dims-1-2.among, .project-dims-1-2.beginning {
    right: -591px;
  }

  .project-dims-1-2.trip {
    right: -539px;
  }

  .project-dims-1-2._2 {
    right: -609px;
  }

  .project-dims-1-2._3 {
    right: -604px;
  }

  .project-dims-1-2._4 {
    right: -646px;
  }

  .project-para-1-2 {
    color: #0000;
    height: 10px;
    margin-top: 15px;
    margin-right: 140px;
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    top: 0;
    overflow: hidden;
  }

  .project-para-1-2.text {
    height: auto;
    margin-top: -3px;
  }

  .project-para-1-2.hidden {
    margin-right: 0;
  }

  .project-para-1-2.text-2 {
    height: auto;
    margin-top: -3px;
  }

  .project-para-1-2.bio-text {
    height: auto;
    margin-top: 45px;
    margin-bottom: 20px;
  }

  .project-divider {
    margin-top: -15px;
  }

  .image-hero {
    margin-top: 0;
  }

  .lightbox-thumb-1 {
    margin-top: 20px;
  }

  .lightbox-holder {
    width: 100%;
  }

  .lightbox-thumb-2 {
    background-image: url('../images/Bandits-thumb-2.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
  }

  .project-dims-3-4 {
    text-align: left;
    display: none;
    top: 23px;
    left: -469px;
    right: 0;
  }

  .menu-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
  }

  .drop-down-ghost {
    background-color: #fff;
    width: 210px;
    margin-top: 0;
  }

  .link-ghost {
    width: 210px;
    font-size: 21px;
  }

  .gallery-arrow-holder-ghost {
    margin-left: 55px;
  }

  .gallery-arrow-pt2 {
    width: 2px;
  }

  .main-menu {
    background-color: #fff;
  }

  .link-main-menu {
    font-size: 21px;
  }

  .grid {
    grid-row-gap: 8px;
  }

  .footer-link, .footer-link.large-paintings {
    font-size: 21px;
  }

  .back-to-top {
    margin-top: 23px;
  }

  .footer-arrow-holder {
    margin-left: 6px;
  }

  .footer-arrow-pt2 {
    width: 2px;
  }

  .back-to-menu-link {
    padding-right: 31px;
  }

  .menu-opened-main {
    background-color: var(--dark-blue);
    background-image: radial-gradient(circle at 50% 25%, #0f3a3c 24%, #242150);
    display: none;
  }

  .close-x-main {
    top: 30px;
  }

  .x-part-1-main, .x-part-2-main {
    width: 35px;
  }

  .link-1---main, .link-2---main, .link-3---main, .link-4---main {
    font-size: 5vw;
    line-height: 120%;
  }

  .menu-opened-gallery {
    background-color: var(--dark-blue);
    background-image: radial-gradient(circle at 50% 25%, #f3e9c6 20%, #f1aa66);
    display: none;
  }

  .close-x-gallery {
    top: 30px;
  }

  .x-part-1-gallery, .x-part-2-gallery {
    width: 35px;
  }

  .link-1---gallery, .link-2---gallery, .link-3---gallery, .link-4---gallery, .link-5---gallery, .link-6---gallery, .link-7---gallery {
    font-size: 5vw;
    line-height: 120%;
  }

  .link-large-paintings {
    width: 210px;
    font-size: 21px;
  }

  .drop-down-large-paintings {
    background-color: #fff;
    width: 210px;
    margin-top: 0;
  }

  .gallery-arrow-holder-large-paintings {
    margin-left: 32px;
  }

  .link-recent-work {
    width: 210px;
    font-size: 21px;
  }

  .drop-down-recent-work {
    background-color: #fff;
    width: 210px;
    margin-top: 0;
  }

  .gallery-arrow-holder-recent-work {
    margin-left: 32px;
  }

  .image-hero---show-bp-4 {
    display: none;
  }

  .image-hero---hide-bp4 {
    margin-top: 0;
  }

  .menu-underline {
    margin-top: -5px;
  }

  .drop-down-early-work {
    background-color: #fff;
    width: 210px;
    margin-top: 0;
  }

  .link-early-work {
    width: 210px;
    font-size: 21px;
  }

  .gallery-arrow-holder-early-work {
    margin-left: 32px;
  }

  .project-year {
    top: -30px;
    right: -642px;
  }

  .project-year.among, .project-year.beginning {
    right: -591px;
  }

  .project-year.trip {
    right: -539px;
  }

  .project-year._1 {
    top: -22px;
    right: -700px;
  }

  .project-year._2 {
    top: -22px;
    right: -680px;
  }

  .read-more-link {
    margin-top: -25px;
    margin-bottom: 28px;
  }

  .drop-down-prints {
    background-color: #fff;
    width: 210px;
    margin-top: 0;
  }

  .link-prints {
    width: 210px;
    font-size: 21px;
  }

  .gallery-arrow-holder-prints {
    margin-left: 32px;
  }

  .project-para-1-3 {
    color: #fff;
    height: 10px;
    margin-top: 15px;
    margin-right: 140px;
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    top: 0;
    overflow: hidden;
  }

  .project-para-1-3.text {
    height: auto;
    margin-top: -3px;
  }

  .project-sub-heading {
    width: auto;
    margin: -93px -141px -43px 0;
    padding-right: 0;
    font-size: 40px;
    line-height: 90px;
    top: 1px;
    left: -213px;
  }

  .project-sub-heading.too-wide {
    width: 700px;
  }

  .project-sub-heading.too-left {
    width: 500px;
  }

  .project-sub-heading.no-dims {
    margin-bottom: 15px;
  }

  .project-sub-heading.early {
    margin-bottom: 0;
  }

  .project-sub-heading._2 {
    width: 500px;
    margin-bottom: -35px;
  }

  .project-sub-heading.too-left {
    width: auto;
    margin-left: 0;
  }

  .project-sub-heading.prints {
    margin-bottom: 0;
  }

  .drop-down-film {
    background-color: #fff;
    width: 210px;
    margin-top: 0;
  }

  .link-film {
    width: 210px;
    font-size: 21px;
  }

  .gallery-arrow-holder-film {
    margin-left: 132px;
  }

  .drop-down-stardust {
    background-color: #fff;
    width: 210px;
    margin-top: 0;
  }

  .link-stardust {
    width: 210px;
    font-size: 21px;
  }

  .gallery-arrow-holder-stardust {
    margin-left: 32px;
  }

  .youtube.film-page, .vimeo.film-page {
    margin-top: 5px;
  }

  .container-2 {
    margin-top: 0;
  }

  .link-block-2 {
    width: 230px;
    display: block;
    top: -227px;
    left: 249px;
  }

  .link-block-3 {
    width: 130px;
    top: -628px;
    left: 472px;
  }

  .link-block-4 {
    top: -225px;
  }

  .link-block-5 {
    display: block;
    top: -330px;
  }

  .link-block-6 {
    display: block;
    top: -380px;
  }

  .image-3 {
    position: static;
  }

  .image-4, .link-block-8 {
    display: none;
  }

  .link-2 {
    color: #fff;
    top: -370px;
    left: 0;
  }

  .text-block-2 {
    top: -524px;
  }
}

@media screen and (max-width: 767px) {
  .landing-section {
    background-image: url('../images/Main-3b.jpg');
    background-position: 50%;
    background-size: cover;
    height: 100vh;
  }

  .gallery-section {
    height: auto;
  }

  .michael-ward._1-and-2 {
    border-radius: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 100;
    display: block;
    top: -26px;
  }

  .michael-ward._3-and-4 {
    border-radius: 0;
    font-weight: 100;
    display: none;
  }

  .div-block-5 {
    width: 3px;
  }

  .downward-arrow-link {
    bottom: 22px;
  }

  .text-span-3 {
    left: -5px;
  }

  .home-thumb.recent, .home-thumb.large-paintings, .home-thumb.prints, .home-thumb.ghost, .home-thumb.film, .home-thumb.savage, .home-thumb.early {
    height: 300px;
    margin-top: 2%;
  }

  .link {
    margin-top: -10px;
    font-family: Montserrat, sans-serif;
    font-weight: 100;
  }

  .menu-1 {
    color: var(--white);
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: block;
    left: 25px;
  }

  .contact-1 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: block;
    right: 25px;
  }

  .menu-2 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: block;
    top: 20px;
    left: 25px;
  }

  .contact-2 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: block;
    top: 20px;
    right: 25px;
  }

  .downward-arrow-box {
    bottom: 22px;
  }

  .section---bandits {
    margin-top: 0;
    margin-left: 0;
  }

  .project-container {
    align-items: center;
    margin-top: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .project-container._2 {
    margin-top: -70px;
  }

  .project-heading {
    text-align: center;
    text-indent: -5px;
    align-self: center;
    width: auto;
    margin-bottom: -6px;
    margin-left: 0;
    margin-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 10vw;
    font-style: normal;
    font-weight: 100;
    line-height: 10vw;
  }

  .project-heading.too-wide, .project-heading.too-left {
    text-align: center;
    width: auto;
  }

  .project-heading.no-dims {
    margin-bottom: 0;
  }

  .project-heading.early {
    margin-bottom: -5px;
  }

  .project-heading._2 {
    width: 450px;
    margin-bottom: -6px;
  }

  .project-heading.too-left {
    width: 450px;
  }

  .project-heading.prints {
    margin-bottom: -5px;
  }

  .project-dims-1-2 {
    display: none;
    position: static;
  }

  .project-dims-1-2._2, .project-dims-1-2._3 {
    text-align: left;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    display: none;
    position: relative;
    left: 0;
    right: 0;
  }

  .project-para-1-2 {
    color: #0000;
    text-align: justify;
    width: 96%;
    height: 1px;
    margin: 75px 0 0;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    display: block;
    top: -45px;
  }

  .project-para-1-2.text {
    height: auto;
    margin-top: 55px;
    overflow: visible;
  }

  .project-para-1-2.hidden {
    margin-top: 13px;
    margin-bottom: 40px;
  }

  .project-para-1-2.text-2 {
    height: auto;
    margin-top: 55px;
    overflow: visible;
  }

  .project-para-1-2.bio-text {
    height: auto;
    margin: 55px 0 40px;
    overflow: visible;
  }

  .project-divider {
    z-index: 3000;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    width: 96%;
    margin-top: -40px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 0;
  }

  .image-hero {
    width: 96%;
    max-width: 96%;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .lightbox-thumb-1 {
    flex: none;
    order: 0;
    justify-content: flex-end;
    align-self: auto;
    align-items: flex-end;
    display: flex;
  }

  .lightbox-thumb-1.bandits, .lightbox-thumb-1.pick-a-card, .lightbox-thumb-1.pandora, .lightbox-thumb-1.last-dance, .lightbox-thumb-1.ravensbourne, .lightbox-thumb-1.furies, .lightbox-thumb-1.bts, .lightbox-thumb-1.ghost-print, .lightbox-thumb-1.plazma, .lightbox-thumb-1.ergo, .lightbox-thumb-1.spider, .lightbox-thumb-1.bread-and-roses, .lightbox-thumb-1.juke-of-earl, .lightbox-thumb-1.eagle-eye, .lightbox-thumb-1.demon, .lightbox-thumb-1.black-spot, .lightbox-thumb-1.rockola, .lightbox-thumb-1.akogo, .lightbox-thumb-1.beyond-the-sea, .lightbox-thumb-1.landslide {
    color: #0000;
  }

  .lightbox-holder {
    justify-content: space-between;
    align-items: stretch;
    width: 96%;
  }

  .lightbox-link {
    color: var(--black);
    margin-right: 26px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    top: -9px;
    left: 16px;
  }

  .lightbox-open-plus {
    flex-direction: column;
    align-items: center;
    position: static;
    right: 0;
  }

  .project-dims-3-4 {
    text-align: left;
    height: 25px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    display: block;
    position: relative;
    top: 21px;
    left: 0;
    right: 0;
  }

  .project-dims-3-4.no-lightbox {
    align-self: flex-start;
    height: auto;
    margin-left: 2%;
  }

  .menu-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 0;
    top: 0%;
    overflow: visible;
  }

  .hamburger {
    background-color: #0000;
    justify-content: flex-start;
    width: 96%;
    height: 20px;
    display: flex;
    position: static;
  }

  .hamburger-holder {
    float: right;
    clear: none;
    border-top: 7px none var(--white);
    border-bottom: 7px none var(--white);
    background-color: var(--white);
    text-align: left;
    cursor: pointer;
    border-left: 5px #000;
    flex-direction: column;
    justify-content: space-between;
    width: 35px;
    height: 35px;
    margin-top: -7px;
    margin-left: 0;
    line-height: 20px;
    display: flex;
  }

  .hamburger-top {
    background-color: var(--black);
    width: 25px;
    height: 2px;
    position: relative;
    top: 9px;
  }

  .hamburger-middle {
    background-color: var(--black);
    width: 25px;
    height: 2px;
    margin-top: 1px;
  }

  .hamburger-bottom {
    background-color: var(--black);
    width: 25px;
    height: 2px;
    position: relative;
    inset: auto 0% 8px auto;
  }

  .section---pandemonium, .section---nothing, .section---once, .section---beginning, .section---moments, .section---among, .section---twist, .section---trip, .section---visceral {
    margin-left: 0;
  }

  .drop-down-ghost {
    background-color: var(--white);
    cursor: pointer;
    width: 26px;
    height: 35px;
    margin-top: -7px;
    margin-right: 1.9vw;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .link-ghost {
    color: var(--black);
    width: 200px;
    height: 35px;
    margin-right: 0;
    padding-right: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    display: block;
  }

  .gallery-arrow-holder-ghost {
    float: none;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 25px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .gallery-arrow-pt2 {
    height: 16px;
    position: absolute;
    top: 9px;
    right: 8px;
  }

  .gallery-arrow-pt1 {
    height: 12px;
    position: absolute;
    bottom: 7px;
    right: 4px;
  }

  .gallery-arrow-pt3 {
    height: 12px;
    margin-left: 0;
    position: absolute;
    bottom: 7px;
    right: 12px;
  }

  .main-menu {
    display: none;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    width: 340px;
    margin-left: 2%;
  }

  .footer-link {
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 27px;
  }

  .container {
    height: 350px;
    margin-top: -5px;
    margin-bottom: 50px;
  }

  .back-to-top {
    margin-top: 19px;
    margin-right: 2%;
  }

  .footer-arrow-holder {
    float: none;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 25px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .footer-arrow-pt1 {
    height: 12px;
    position: absolute;
    bottom: 7px;
    right: 11px;
  }

  .footer-arrow-pt2 {
    height: 16px;
    position: absolute;
    top: 9px;
    right: 15px;
  }

  .footer-arrow-pt3 {
    height: 12px;
    margin-left: 0;
    position: absolute;
    bottom: 7px;
    right: 19px;
  }

  .section---menu {
    padding-top: 15px;
  }

  .back-to-menu-link {
    margin-right: -25px;
    padding-right: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
  }

  .menu-opened-main {
    background-color: var(--dark-blue);
    background-image: radial-gradient(circle at 50% 25%, #0f3a3c 24%, #242150);
    justify-content: space-between;
    align-items: stretch;
    display: none;
  }

  .close-x-main {
    top: 30px;
  }

  .x-part-1-main, .x-part-2-main {
    width: 30px;
  }

  .menu-grid-bp3-main {
    z-index: 3;
    grid-column-gap: 16px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-left: 10vw;
    margin-right: 10vw;
    display: grid;
    top: 80px;
  }

  .link-1---main {
    width: 200px;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 40px;
    left: 66px;
  }

  .link-1---main:hover {
    color: var(--gold);
  }

  .link-2---main {
    width: 200px;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 23px;
    right: -303px;
  }

  .link-2---main:hover {
    color: var(--gold);
  }

  .link-3---main {
    width: 200px;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 100px;
    left: 66px;
  }

  .link-3---main:hover {
    color: var(--gold);
  }

  .link-4---main {
    width: 200px;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 83px;
    right: -303px;
  }

  .link-4---main:hover {
    color: var(--gold);
  }

  .menu-opened-gallery {
    z-index: 4000;
    background-color: var(--dark-blue);
    justify-content: space-between;
    align-items: stretch;
    display: none;
  }

  .close-x-gallery {
    top: 5px;
  }

  .x-part-1-gallery, .x-part-2-gallery {
    width: 30px;
  }

  .menu-grid-bp3-gallery {
    z-index: 3;
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    top: 20px;
  }

  .link-1---gallery {
    color: var(--black);
    width: auto;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 40px;
    left: 66px;
  }

  .link-1---gallery:hover {
    color: var(--dark-gold);
  }

  .link-2---gallery {
    color: var(--black);
    width: auto;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 23px;
    right: -303px;
  }

  .link-2---gallery:hover {
    color: var(--dark-gold);
  }

  .link-3---gallery {
    color: var(--black);
    width: auto;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 100px;
    left: 66px;
  }

  .link-3---gallery:hover {
    color: var(--dark-gold);
  }

  .link-4---gallery {
    color: var(--black);
    width: auto;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 83px;
    right: -303px;
  }

  .link-4---gallery:hover {
    color: var(--dark-gold);
  }

  .link-5---gallery {
    color: var(--black);
    width: auto;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 83px;
    right: -303px;
  }

  .link-5---gallery:hover {
    color: var(--dark-gold);
  }

  .link-6---gallery {
    color: var(--black);
    width: auto;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 83px;
    right: -303px;
  }

  .link-6---gallery:hover {
    color: var(--dark-gold);
  }

  .link-7---gallery {
    color: var(--black);
    width: auto;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    display: block;
    top: 83px;
    right: -303px;
  }

  .link-7---gallery:hover {
    color: var(--dark-gold);
  }

  .ghost-intro-container {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .paragraph {
    width: 96%;
    margin-left: 0;
    margin-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
  }

  .link-large-paintings {
    color: var(--black);
    width: 200px;
    height: 35px;
    margin-right: 0;
    padding-right: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    display: block;
  }

  .drop-down-large-paintings {
    background-color: var(--white);
    cursor: pointer;
    width: 26px;
    height: 35px;
    margin-top: -7px;
    margin-right: 1.9vw;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .gallery-arrow-holder-large-paintings {
    float: none;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 25px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .link-recent-work {
    color: var(--black);
    width: 200px;
    height: 35px;
    margin-right: 0;
    padding-right: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    display: block;
  }

  .drop-down-recent-work {
    background-color: var(--white);
    cursor: pointer;
    width: 26px;
    height: 35px;
    margin-top: -7px;
    margin-right: 1.9vw;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .gallery-arrow-holder-recent-work {
    float: none;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 25px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .section---pick-a-card, .section---furies {
    margin-top: 0;
    margin-left: 0;
  }

  .image-hero---show-bp-4 {
    display: none;
  }

  .image-hero---hide-bp4 {
    width: 96%;
    max-width: 96%;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .menu-underline {
    z-index: 3000;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    width: 96%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 20px;
  }

  .section---pandoras-twin, .section---last-dance, .section---firefly, .section---ravensbourne {
    margin-top: 0;
    margin-left: 0;
  }

  .section---slade, .section---evitt {
    margin-left: 0;
  }

  .drop-down-early-work {
    background-color: var(--white);
    cursor: pointer;
    width: 26px;
    height: 35px;
    margin-top: -7px;
    margin-right: 1.9vw;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .link-early-work {
    color: var(--black);
    width: 200px;
    height: 35px;
    margin-right: 0;
    padding-right: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    display: block;
  }

  .gallery-arrow-holder-early-work {
    float: none;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 25px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .text-span-5 {
    font-weight: 500;
  }

  .project-year {
    display: none;
    position: static;
  }

  .read-more-link {
    flex: none;
    order: 0;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-end;
    margin-top: -50px;
    margin-bottom: 50px;
    margin-left: 2%;
    display: flex;
  }

  .read-more-link.bandits, .read-more-link.pick-a-card, .read-more-link.pandora, .read-more-link.last-dance {
    color: #0000;
  }

  .read-more-text {
    color: var(--black);
    margin-right: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    top: -9px;
    left: 0;
  }

  .read-more-plus {
    flex-direction: column;
    align-items: center;
    margin-left: 8px;
    position: static;
    right: 0;
  }

  .section---love-lies, .section---san-romano, .section---tutti-frutti, .section---entropy, .section---go-go, .section---jack {
    margin-top: 0;
    margin-left: 0;
  }

  .drop-down-prints {
    background-color: var(--white);
    cursor: pointer;
    width: 26px;
    height: 35px;
    margin-top: -7px;
    margin-right: 1.9vw;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .link-prints {
    color: var(--black);
    width: 200px;
    height: 35px;
    margin-right: 0;
    padding-right: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    display: block;
  }

  .gallery-arrow-holder-prints {
    float: none;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 25px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .section---bts {
    margin-top: 0;
    margin-left: 0;
  }

  .project-para-1-3 {
    color: #0000;
    text-align: justify;
    width: 96%;
    height: 1px;
    margin: 75px 0 0;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    display: block;
    top: -45px;
  }

  .project-para-1-3.text {
    height: auto;
    margin-top: 55px;
    overflow: visible;
  }

  .project-para-1-3.hidden {
    margin-top: 13px;
  }

  .section---ghost-print, .section---ordinary-girl, .section---ghost-print-copy, .section---pisa-my-heart {
    margin-top: 0;
    margin-left: 0;
  }

  .project-sub-heading {
    text-align: center;
    text-indent: -5px;
    align-self: center;
    width: auto;
    margin: -116px 0 -6px;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    line-height: 10vw;
  }

  .project-sub-heading.too-wide, .project-sub-heading.too-left {
    text-align: center;
    width: auto;
  }

  .project-sub-heading.no-dims {
    margin-bottom: 0;
  }

  .project-sub-heading.early {
    margin-bottom: -5px;
  }

  .project-sub-heading._2 {
    width: 450px;
    margin-bottom: -6px;
  }

  .project-sub-heading.too-left {
    width: 450px;
  }

  .project-sub-heading.prints {
    margin-bottom: -5px;
  }

  .section---bang-bang-man, .section---plazma, .section---ergo, .section---spider {
    margin-top: 0;
    margin-left: 0;
  }

  .drop-down-film {
    background-color: var(--white);
    cursor: pointer;
    width: 26px;
    height: 35px;
    margin-top: -7px;
    margin-right: 1.9vw;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .link-film {
    color: var(--black);
    width: 200px;
    height: 35px;
    margin-right: 0;
    padding-right: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    display: block;
  }

  .gallery-arrow-holder-film {
    float: none;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 25px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .drop-down-stardust {
    background-color: var(--white);
    cursor: pointer;
    width: 26px;
    height: 35px;
    margin-top: -7px;
    margin-right: 1.9vw;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .link-stardust {
    color: var(--black);
    width: 200px;
    height: 35px;
    margin-right: 0;
    padding-right: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    display: block;
  }

  .gallery-arrow-holder-stardust {
    float: none;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 25px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .stardust-intro-container {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .section---stardust {
    margin-top: 0;
    margin-left: 0;
  }

  .youtube.film-page {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .section---art-begets, .section---spider-film {
    margin-top: 0;
    margin-left: 0;
  }

  .vimeo.film-page {
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .section---peters-ls, .section---sleeping-beauty, .section---kirsty-wark {
    margin-top: 0;
    margin-left: 0;
  }

  .grid-2.bio {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .section---you-are-here {
    margin-top: 0;
    margin-left: 0;
  }

  .container-2 {
    margin-top: 0;
  }

  .image.je15, .image.je16 {
    display: none;
  }

  .image.je16web {
    display: block;
  }

  .link-block-2 {
    align-self: center;
    margin-bottom: 216px;
    display: none;
    position: fixed;
    inset: auto 0% 0%;
  }

  .link-block-3 {
    height: 40px;
    display: none;
    top: -512px;
    left: 355px;
  }

  .link-block-4 {
    display: none;
  }

  .link-block-5 {
    background-color: #0000;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
    position: relative;
    top: -174px;
    left: -44px;
  }

  .link-block-6 {
    background-color: #0000;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
    position: relative;
    top: -210px;
    left: 50px;
  }

  .image-2 {
    width: 65%;
  }

  .image-3 {
    width: 80%;
    display: inline-block;
  }

  .link-block-7 {
    background-color: var(--gold);
    position: relative;
    inset: -73.5dvh 0% 0;
  }

  .image-4 {
    margin-top: 25px;
    display: block;
  }

  .link-block-8 {
    display: block;
  }

  .section---bread-and-roses {
    margin-top: 0;
    margin-left: 0;
  }

  .link-2 {
    align-self: center;
    top: -226px;
    left: 0;
  }

  .text-block-2 {
    top: -353px;
  }

  .section---pick-a-card-copy, .section---earl-of-duke-2, .section---earl-of-duke-3, .section---juke-of-earl, .section---eagle-eye, .section---demon, .section---black-spot, .section---rockola, .section---akogo, .section---beyond-the-sea, .section---fuente, .section---string-of-pearls, .section---landslide {
    margin-top: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 479px) {
  .landing-section {
    background-image: url('../images/Main-3b.jpg');
    background-position: 50%;
    background-size: cover;
    height: 100vh;
  }

  .michael-ward._1-and-2 {
    display: none;
  }

  .michael-ward._3-and-4 {
    margin-top: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 200;
    display: block;
    position: relative;
    top: -40px;
  }

  .downward-arrow-link {
    width: auto;
    bottom: 21px;
    left: 0%;
  }

  .text-span-4 {
    position: relative;
    left: -2px;
  }

  .home-thumb.recent {
    height: 200px;
  }

  .home-thumb.large-paintings, .home-thumb.prints, .home-thumb.ghost, .home-thumb.film, .home-thumb.savage, .home-thumb.early {
    height: 200px;
    margin-top: 2%;
  }

  .link {
    margin-top: -10px;
    font-family: Montserrat, sans-serif;
    font-weight: 200;
  }

  .menu-1 {
    font-family: Montserrat, sans-serif;
    font-size: 4.5vw;
    font-weight: 400;
    left: 20px;
  }

  .contact-1 {
    font-size: 4.5vw;
    right: 20px;
  }

  .menu-2 {
    font-size: 4.5vw;
    font-weight: 400;
    top: 15px;
    left: 20px;
  }

  .contact-2 {
    font-size: 4.5vw;
    top: 15px;
    right: 20px;
  }

  .downward-arrow-box {
    bottom: 21px;
  }

  .section---bandits {
    overflow: visible;
  }

  .project-container, .project-container._2 {
    margin-top: 0;
  }

  .project-heading {
    text-align: center;
    text-indent: -4px;
    margin-top: 60px;
    font-size: 12vw;
    font-weight: 200;
    line-height: 12vw;
  }

  .project-heading.too-wide, .project-heading.too-left {
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-heading.no-dims {
    width: 300px;
    margin-bottom: -5px;
  }

  .project-heading._2, .project-heading.too-left {
    width: auto;
  }

  .project-heading.too-far-left {
    width: 90%;
  }

  .project-para-1-2 {
    align-self: auto;
    width: 92%;
    height: 1px;
    margin-top: 0;
    display: block;
    position: static;
    top: -50px;
    overflow: hidden;
  }

  .project-para-1-2.text, .project-para-1-2.text-2, .project-para-1-2.bio-text {
    margin-top: 25px;
  }

  .project-divider {
    width: 92%;
    margin-top: 25px;
  }

  .project-divider._4-lines-of-deets {
    margin-top: 55px;
  }

  .project-divider._3-lines-of-deets {
    margin-top: 38px;
  }

  .image-hero {
    width: 92%;
    max-width: 96%;
    display: block;
  }

  .lightbox-holder {
    width: 92%;
  }

  .project-dims-3-4 {
    width: 100px;
  }

  .project-dims-3-4.no-lightbox {
    width: auto;
    margin-bottom: 17px;
    margin-left: 4%;
  }

  .menu-container {
    height: auto;
    margin-top: 0;
  }

  .hamburger {
    width: 92%;
  }

  .hamburger-holder {
    float: right;
    clear: none;
    width: 36px;
  }

  .hamburger-top, .hamburger-middle, .hamburger-bottom {
    width: 25px;
  }

  .section---pandemonium, .section---nothing, .section---once, .section---beginning, .section---moments, .section---among, .section---twist, .section---trip, .section---visceral {
    overflow: visible;
  }

  .drop-down-ghost {
    margin-right: 4vw;
  }

  .grid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    align-self: center;
    justify-items: center;
    width: 200px;
    margin-top: 0;
    margin-left: 0%;
    position: static;
  }

  .footer-link {
    font-size: 21px;
    line-height: 21px;
  }

  .container {
    justify-content: flex-end;
    height: auto;
    margin-top: 55px;
  }

  .back-to-top {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: auto;
    margin-top: 100px;
    margin-right: 0%;
  }

  .footer-arrow-holder {
    position: relative;
    top: -52px;
  }

  .footer-arrow-pt1 {
    right: 8px;
  }

  .footer-arrow-pt2 {
    right: 12px;
  }

  .footer-arrow-pt3 {
    right: 16px;
  }

  .back-to-menu-link {
    margin-top: -40px;
    margin-right: 0;
    padding-top: 28px;
    padding-right: 0;
  }

  .menu-opened-main {
    background-image: radial-gradient(circle at 50% 25%, #0f3a3c 24%, #242150);
    display: none;
  }

  .close-x-main {
    top: 30px;
  }

  .x-part-1-main, .x-part-2-main {
    width: 25px;
  }

  .menu-grid-bp3-main {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .link-1---main {
    width: auto;
    font-size: 8vw;
    top: 140px;
    left: auto;
  }

  .link-2---main {
    width: auto;
    font-size: 8vw;
    top: 180px;
    right: auto;
  }

  .link-3---main {
    width: auto;
    font-size: 8vw;
    top: 220px;
    left: auto;
  }

  .link-4---main {
    width: auto;
    font-size: 8vw;
    top: 260px;
    right: auto;
  }

  .menu-opened-gallery {
    display: none;
  }

  .close-x-gallery {
    top: 5px;
  }

  .x-part-1-gallery, .x-part-2-gallery {
    width: 25px;
  }

  .menu-grid-bp3-gallery {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .link-1---gallery {
    width: auto;
    font-size: 8vw;
    line-height: 150%;
    top: 140px;
    left: auto;
  }

  .link-2---gallery {
    width: auto;
    font-size: 8vw;
    top: 180px;
    right: auto;
  }

  .link-3---gallery {
    width: auto;
    font-size: 8vw;
    top: 220px;
    left: auto;
  }

  .link-4---gallery, .link-5---gallery, .link-6---gallery, .link-7---gallery {
    width: auto;
    font-size: 8vw;
    top: 260px;
    right: auto;
  }

  .paragraph {
    width: 92%;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
  }

  .drop-down-large-paintings, .drop-down-recent-work {
    margin-right: 4vw;
  }

  .section---pick-a-card, .section---furies {
    overflow: visible;
  }

  .image-hero---show-bp-4 {
    width: 92%;
    max-width: 92%;
    margin-top: 20px;
    display: none;
  }

  .image-hero---hide-bp4 {
    width: 92%;
    display: block;
  }

  .menu-underline {
    width: 92%;
    margin-top: 0;
  }

  .section---pandoras-twin, .section---last-dance, .section---firefly, .section---ravensbourne, .section---slade, .section---evitt {
    overflow: visible;
  }

  .drop-down-early-work {
    margin-right: 4vw;
  }

  .read-more-link {
    margin-top: -29px;
    margin-bottom: 0;
    margin-left: 4%;
  }

  .section---love-lies, .section---san-romano, .section---tutti-frutti, .section---entropy, .section---go-go, .section---jack {
    overflow: visible;
  }

  .drop-down-prints {
    margin-right: 4vw;
  }

  .section---bts {
    overflow: visible;
  }

  .project-para-1-3 {
    align-self: auto;
    width: 92%;
    height: 1px;
    margin-top: 0;
    display: block;
    position: static;
    top: -50px;
    overflow: hidden;
  }

  .project-para-1-3.text {
    margin-top: 25px;
  }

  .section---ghost-print, .section---ordinary-girl, .section---ghost-print-copy, .section---pisa-my-heart {
    overflow: visible;
  }

  .project-sub-heading {
    text-align: center;
    text-indent: -4px;
    margin-top: 25px;
    margin-bottom: -15px;
    font-size: 5vw;
    font-weight: 400;
    line-height: 12vw;
  }

  .project-sub-heading.too-wide, .project-sub-heading.too-left {
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-sub-heading.no-dims {
    width: 300px;
    margin-bottom: -5px;
  }

  .project-sub-heading._2, .project-sub-heading.too-left {
    width: auto;
  }

  .section---bang-bang-man, .section---plazma, .section---ergo, .section---spider {
    overflow: visible;
  }

  .drop-down-film, .drop-down-stardust {
    margin-right: 4vw;
  }

  .stardust-intro-container {
    margin-bottom: 80px;
  }

  .section---stardust, .section---art-begets, .section---spider-film, .section---peters-ls, .section---sleeping-beauty, .section---kirsty-wark, .section---you-are-here {
    overflow: visible;
  }

  .container-2 {
    margin-top: 0;
  }

  .link-block-2 {
    align-self: center;
    top: -154px;
    left: 0;
  }

  .link-block-3 {
    width: 100px;
    height: 30px;
    display: none;
    top: -309px;
    left: 187px;
  }

  .link-block-5 {
    top: -78px;
  }

  .link-block-6 {
    top: -114px;
  }

  .section---bread-and-roses {
    overflow: visible;
  }

  .link-2 {
    top: -108px;
    left: 0;
  }

  .text-block-2 {
    top: -225px;
  }

  .section---pick-a-card-copy, .section---earl-of-duke-2, .section---earl-of-duke-3, .section---juke-of-earl, .section---eagle-eye, .section---demon, .section---black-spot, .section---rockola, .section---akogo, .section---beyond-the-sea, .section---fuente, .section---string-of-pearls, .section---landslide {
    overflow: visible;
  }
}

#w-node-c03a78e1-35b8-c7cc-5d26-212e21b6e036-21b6e02b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2298d9f2-a53a-ff74-e48c-dd4359e1049a-8cd46735 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02193783-3fb0-2521-9001-79a32c657747-8cd46735 {
  grid-area: Area;
}

@media screen and (max-width: 767px) {
  #w-node-_2298d9f2-a53a-ff74-e48c-dd4359e1049a-8cd46735 {
    grid-area: Area;
  }

  #w-node-_02193783-3fb0-2521-9001-79a32c657747-8cd46735 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}