.navbar {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
}

.container {
  display: block;
  width: 90%;
  min-width: 95%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-link {
  margin-top: 10px;
  padding-right: 20px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Montserrat, sans-serif;
  color: #878787;
  font-size: 18px;
}

.nav-link:hover {
  color: #000;
}

.nav-link.w--current {
  color: #000;
}

.icon {
  padding-left: 4px;
}

.text-block {
  padding-right: 23px;
}

.tint-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding: 54px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(19%, hsla(0, 0%, 100%, 0.77)), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.77) 19%, #fff);
  font-family: Varela, sans-serif;
  text-align: center;
}

.slot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 400px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.slot.left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.slot.right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.background-video {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.72)), to(#fff));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), #fff);
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.titles {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 28px;
  line-height: 30px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

.columns {
  overflow: visible;
  width: 100%;
  max-width: 650px;
}

.columns.top {
  max-width: 1000px;
  padding-top: 77px;
}

.circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 300px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 500px;
  background-color: #b7b7b7;
  background-image: url('../images/a-heavy-cloud-.jpg');
  background-position: 50% 50%;
  background-size: cover;
  text-decoration: none;
}

.circle:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/a-heavy-cloud-.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/a-heavy-cloud-.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.circle._2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 300px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61836cb5bb74c063db6b8fdd_'a%20history%20apparatus'%20-%20panorama.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61836cb5bb74c063db6b8fdd_'a%20history%20apparatus'%20-%20panorama.jpg");
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  -webkit-transition: all 325ms ease;
  transition: all 325ms ease;
  text-decoration: none;
}

.circle._2:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.72)), to(rgba(0, 0, 0, 0.72))), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61836cb5bb74c063db6b8fdd_'a%20history%20apparatus'%20-%20panorama.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72)), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61836cb5bb74c063db6b8fdd_'a%20history%20apparatus'%20-%20panorama.jpg");
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.circle._1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 300px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/1.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/1.jpeg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
}

.circle._1:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.74)), to(rgba(0, 0, 0, 0.74))), url('../images/1.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.74)), url('../images/1.jpeg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
}

.circle._3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 300px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.13)), to(rgba(0, 0, 0, 0.13))), url('../images/chris-reynolds-music.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.13)), url('../images/chris-reynolds-music.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
}

.circle._3:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.64)), to(rgba(0, 0, 0, 0.64))), url('../images/chris-reynolds-music.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64)), url('../images/chris-reynolds-music.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.circle._4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.34)), to(rgba(0, 0, 0, 0.34))), url('../images/chris-reynolds-chair.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url('../images/chris-reynolds-chair.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.circle._4:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/chris-reynolds-chair.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/chris-reynolds-chair.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.top-title-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 300px;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.77)), to(rgba(0, 0, 0, 0.77))), url('../images/1.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.77), rgba(0, 0, 0, 0.77)), url('../images/1.jpeg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
}

.top-title-section.sculpture {
  height: 300px;
  padding-bottom: 30px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.37))), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61836cb5bb74c063db6b8fdd_'a%20history%20apparatus'%20-%20panorama.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37)), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61836cb5bb74c063db6b8fdd_'a%20history%20apparatus'%20-%20panorama.jpg");
  background-position: 0px 0px, 50% 80%;
}

.top-title-section.music {
  height: 300px;
  padding-bottom: 30px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.37))), url('../images/chris-reynolds-music.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37)), url('../images/chris-reynolds-music.jpg');
  background-position: 0px 0px, 50% 40%;
}

.top-title-section.furniture {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.37))), url('../images/chris-reynolds-chair.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37)), url('../images/chris-reynolds-chair.jpg');
  background-position: 0px 0px, 50% 70%;
}

.top-title-section.catalogue {
  height: 300px;
  padding-bottom: 30px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.37))), url('../images/chris-reynolds-catalogue.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37)), url('../images/chris-reynolds-catalogue.jpg');
  background-position: 0px 0px, 50% 50%;
}

.top-title-section.portraittop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.37))), url("https://assets.website-files.com/617f718740f9686487bb5d1f/618374be9767180ec2e3842d_'family%20portrait%20-%20inverloch%20seascape'%20(90cm%20x%2060cm%20acrylic%20on%20bedsheet%202021)%20private%20colection.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37)), url("https://assets.website-files.com/617f718740f9686487bb5d1f/618374be9767180ec2e3842d_'family%20portrait%20-%20inverloch%20seascape'%20(90cm%20x%2060cm%20acrylic%20on%20bedsheet%202021)%20private%20colection.jpg");
  background-position: 0px 0px, 50% 0%;
}

.top-title-section.abouttop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.37))), url('../images/self-portrait---1979-45cm-x-61cm-acrylic-on-cotton-sheet-1979-private-collection.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37)), url('../images/self-portrait---1979-45cm-x-61cm-acrylic-on-cotton-sheet-1979-private-collection.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, auto;
}

.top-title-section.mechanotriestop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/chirs-reynolds-broadcasting.JPG');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/chirs-reynolds-broadcasting.JPG');
  background-position: 0px 0px, 50% 50%;
}

.top-title-section.misc {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/chris-reynolds-weeping-investor.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/chris-reynolds-weeping-investor.jpg');
  background-position: 0px 0px, 50% 50%;
}

.top-title-section.schem {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/chris-reynolds-whispers.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/chris-reynolds-whispers.jpg');
  background-position: 0px 0px, 50% 20%;
}

.top-title-section.suburg {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/head-in-oven.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/head-in-oven.jpg');
  background-position: 0px 0px, 50% 16%;
}

.top-title-section.topic {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/chris-reynolds-melbourne.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/chris-reynolds-melbourne.jpg');
  background-position: 0px 0px, 50% 16%;
}

.top-title-section.mechatop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61836cb5bb74c063db6b8fdd_'a%20history%20apparatus'%20-%20panorama.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61836cb5bb74c063db6b8fdd_'a%20history%20apparatus'%20-%20panorama.jpg");
  background-position: 0px 0px, 50% 20%;
}

.top-title-section.palaestriatop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.37))), url('../images/a-heavy-cloud.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37)), url('../images/a-heavy-cloud.jpg');
  background-position: 0px 0px, 50% 50%;
}

.top-title-section.pylonicstop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61a1bba978afdd0da14958cd_st%20john's%20anglican%20church%2C%20chewton.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url("https://assets.website-files.com/617f718740f9686487bb5d1f/61a1bba978afdd0da14958cd_st%20john's%20anglican%20church%2C%20chewton.jpg");
  background-position: 0px 0px, 50% 50%;
}

.top-title-section.musictop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/hcpatt.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/hcpatt.png');
  background-position: 0px 0px, 50% 40%;
}

.top-title-section.mranontop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/chris-reynolds-christmas-carol.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/chris-reynolds-christmas-carol.jpg');
  background-position: 0px 0px, 50% 15%;
}

.top-title-section.henrytop {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/the-henry-cowpats---circa-1988.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/the-henry-cowpats---circa-1988.jpg');
  background-position: 0px 0px, 50% 10%;
}

.top-title-section.palaestriatop-copy {
  height: 300px;
  padding-bottom: 27px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.37))), url('../images/a-heavy-cloud.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37)), url('../images/a-heavy-cloud.jpg');
  background-position: 0px 0px, 50% 50%;
}

.section-titles {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-weight: 700;
}

.painting-grid {
  width: 98%;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
}

.painting-grid.end {
  padding-bottom: 100px;
}

.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.image {
  height: 65px;
}

.brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-2 {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Oswald, sans-serif;
  color: #d6d6d6;
  font-size: 31px;
}

.text-block-2:hover {
  color: #6e6e6e;
}

.painting-slot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98%;
  min-height: 250px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.16);
  text-decoration: none;
}

.painting-slot.paint1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.29)), to(rgba(0, 0, 0, 0.29))), url('../images/self-portrait---1979-45cm-x-61cm-acrylic-on-cotton-sheet-1979-private-collection.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.29)), url('../images/self-portrait---1979-45cm-x-61cm-acrylic-on-cotton-sheet-1979-private-collection.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.painting-slot.paint2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/chirs-reynolds-broadcasting.JPG');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/chirs-reynolds-broadcasting.JPG');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.painting-slot.paint3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), to(rgba(0, 0, 0, 0.36))), url('../images/chris-reynolds-weeping-investor.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36)), url('../images/chris-reynolds-weeping-investor.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.painting-slot.paint4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0.32))), url('../images/chris-reynolds-whispers.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)), url('../images/chris-reynolds-whispers.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.painting-slot.paint5 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.44)), to(rgba(0, 0, 0, 0.44))), url('../images/head-in-oven.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.44)), url('../images/head-in-oven.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.painting-slot.paint6 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/chris-reynolds-melbourne.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/chris-reynolds-melbourne.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.painting-slot.sculpt1 {
  background-image: url('../images/DSC_1922.JPG');
  background-position: 50% 50%;
  background-size: cover;
}

.painting-slot.sculpt2 {
  background-image: url('../images/a-heavy-cloud-.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.painting-slot.sculpt3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/st-johns-anglican-church-chewton2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/st-johns-anglican-church-chewton2.jpg');
  background-position: 0px 0px, 50% 30%;
  background-size: auto, cover;
}

.painting-slot.music1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.43)), to(rgba(0, 0, 0, 0.43))), url('../images/hcpatt.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.43)), url('../images/hcpatt.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.painting-slot.music2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35))), url('../images/chris-reynolds-christmas-carol.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('../images/chris-reynolds-christmas-carol.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.painting-slot.music3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), to(rgba(0, 0, 0, 0.36))), url('../images/the-henry-cowpats---circa-1988.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36)), url('../images/the-henry-cowpats---circa-1988.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, auto;
}

.painting-slot.cat1 {
  background-image: url('../images/a-heavy-cloud-.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.painting-slot.cat2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), to(rgba(0, 0, 0, 0.36))), url('../images/st-johns-anglican-church-chewton2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36)), url('../images/st-johns-anglican-church-chewton2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.painting-slot.cat3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), to(rgba(0, 0, 0, 0.36))), url('../images/chris-reynolds-catalogue.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36)), url('../images/chris-reynolds-catalogue.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.d-118-3d-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98%;
  height: 400px;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/iabzd-607239-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  cursor: pointer;
}

.d-118-card-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px;
  padding: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a1a1a;
  opacity: 0.8;
}

.d-118-quote-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 50px;
  margin-left: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-118-quote-icon {
  font-size: 30px;
}

.d-118-quote-title {
  font-family: Montserrat, sans-serif;
}

.d-118-quote-text {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  text-align: center;
}

.heading {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}

.section-2 {
  padding-top: 12px;
}

.slug {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slug-links {
  font-family: Montserrat, sans-serif;
  color: #444;
  text-decoration: none;
}

.column-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-block-3 {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Montserrat, sans-serif;
  color: #878787;
  font-size: 18px;
}

.text-block-3:hover {
  color: #000;
}

.dropdown-toggle {
  margin-top: 10px;
}

.dropdown-list {
  background-color: #907d7d;
}

.dropdown-list.w--open {
  background-color: #e0e0e0;
}

.dropdown-link {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Montserrat, sans-serif;
  color: #979797;
}

.dropdown-link:hover {
  color: #000;
}

.dropdown-link.w--current {
  color: #000;
}

.d-118-3d-wrapper-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98%;
  height: 400px;
  max-width: 450px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: cover;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.09);
  -webkit-perspective: 1000px;
  perspective: 1000px;
  cursor: pointer;
}

.d-118-3d-wrapper-2.port1 {
  width: 100%;
  background-image: url("https://assets.website-files.com/617f718740f9686487bb5d1f/618374be9767180ec2e3842d_'family%20portrait%20-%20inverloch%20seascape'%20(90cm%20x%2060cm%20acrylic%20on%20bedsheet%202021)%20private%20colection.jpg");
}

.d-118-3d-wrapper-2.port2 {
  background-image: url('../images/monument-valley.jpg');
}

.d-118-3d-wrapper-2.port3 {
  background-image: url('../images/walterhudson.JPG');
}

.d-118-3d-wrapper-2.port4 {
  width: 100%;
  background-image: url('../images/nicola.jpg');
}

.d-118-3d-wrapper-2.port5 {
  background-image: url('../images/rod-portrait.jpg');
}

.d-118-3d-wrapper-2.port6 {
  background-image: url('../images/sandy.jpg');
}

.d-118-3d-wrapper-2.port7 {
  background-image: url('../images/chris-reynolds-portraits.jpg');
}

.d-118-3d-wrapper-2.port8 {
  background-image: url("https://assets.website-files.com/617f718740f9686487bb5d1f/61a0a022206b5a5e4f84f9e6_'Stuart'%20(acrylic%20%26%20ink%20on%20canvas%202019)%20private%20collection.JPG");
}

.d-118-3d-wrapper-2.port9 {
  background-image: url('../images/mealy-mouthed-man.jpg');
}

.d-118-3d-wrapper-2.port10 {
  background-image: url('../images/non-winner.jpg');
}

.d-118-3d-wrapper-2.port11 {
  background-image: url('../images/fake-president.jpg');
}

.d-118-3d-wrapper-2.mech1 {
  width: 100%;
  background-image: url('../images/mixed-goods.jpg');
}

.d-118-3d-wrapper-2.mech2 {
  background-image: url('../images/bomb.JPG');
}

.d-118-3d-wrapper-2.mech3 {
  background-image: url('../images/bridge.jpg');
}

.d-118-3d-wrapper-2.mech4 {
  background-image: url('../images/chirs-reynolds-broadcasting.JPG');
}

.d-118-3d-wrapper-2.mech5 {
  background-image: url('../images/broadcasting.jpg');
}

.d-118-3d-wrapper-2.mech6 {
  background-image: url('../images/cloud.JPG');
}

.d-118-3d-wrapper-2.mech7 {
  background-image: url('../images/expirating.jpg');
}

.d-118-3d-wrapper-2.mech8 {
  background-image: url('../images/gasket.jpg');
}

.d-118-3d-wrapper-2.mech9 {
  background-image: url('../images/walterhudson.JPG');
}

.d-118-3d-wrapper-2.mech10 {
  background-image: url('../images/interface.JPG');
}

.d-118-3d-wrapper-2.mech11 {
  background-image: url('../images/landscape.JPG');
}

.d-118-3d-wrapper-2.mec12 {
  background-image: url('../images/landscape2.jpg');
}

.d-118-3d-wrapper-2.mech13 {
  background-image: url('../images/plaza.jpg');
}

.d-118-3d-wrapper-2.mech14 {
  background-image: url('../images/plume.jpg');
}

.d-118-3d-wrapper-2.mech15 {
  background-image: url('../images/powerstation.jpg');
}

.d-118-3d-wrapper-2.mech16 {
  background-image: url('../images/stack.jpg');
}

.d-118-3d-wrapper-2.mech17 {
  background-image: url('../images/vessel.jpg');
}

.d-118-3d-wrapper-2.mech18 {
  background-image: url('../images/union.JPG');
}

.d-118-3d-wrapper-2.mech19 {
  background-image: url('../images/veiled-stack.jpg');
}

.d-118-3d-wrapper-2.mech20 {
  background-image: url('../images/vessel2.jpg');
}

.d-118-3d-wrapper-2.misc1 {
  background-image: url('../images/christmas.jpg');
}

.d-118-3d-wrapper-2.misc2 {
  background-image: url('../images/easter.jpg');
}

.d-118-3d-wrapper-2.misc3 {
  background-image: url('../images/head.jpg');
}

.d-118-3d-wrapper-2.misc4 {
  background-image: url('../images/head2.jpg');
}

.d-118-3d-wrapper-2.misc5 {
  background-image: url('../images/landscape-bott1.jpg');
}

.d-118-3d-wrapper-2.misc6 {
  background-image: url('../images/lanscape-bott2.jpg');
}

.d-118-3d-wrapper-2.misc7 {
  background-image: url('../images/shoes.jpg');
}

.d-118-3d-wrapper-2.misc8 {
  background-image: url('../images/spreadsheet.jpg');
}

.d-118-3d-wrapper-2.misc9 {
  background-image: url('../images/weeping.jpg');
}

.d-118-3d-wrapper-2.sche1 {
  background-image: url('../images/appetite.jpg');
}

.d-118-3d-wrapper-2.sche2 {
  background-image: url('../images/cone-grin-and-antennae.jpg');
}

.d-118-3d-wrapper-2.sche3 {
  background-image: url('../images/evolving-cake.jpg');
}

.d-118-3d-wrapper-2.sche4 {
  background-image: url('../images/machine.jpg');
}

.d-118-3d-wrapper-2.sche5 {
  background-image: url('../images/the-mobile-blind.jpg');
}

.d-118-3d-wrapper-2.sche6 {
  background-image: url('../images/the-urban-archaelogical-mechanistic.jpg');
}

.d-118-3d-wrapper-2.sche7 {
  background-image: url('../images/chris-reynolds-whispers.jpg');
}

.d-118-3d-wrapper-2.subu1 {
  background-image: url('../images/smokescreen---reworked.jpg');
}

.d-118-3d-wrapper-2.subu2 {
  background-image: url('../images/smokescreen.jpg');
}

.d-118-3d-wrapper-2.subu3 {
  background-image: url('../images/the-australian-house---suicide.jpg');
}

.d-118-3d-wrapper-2.subu4 {
  background-image: url('../images/head-in-oven.jpg');
}

.d-118-3d-wrapper-2.subu5 {
  background-image: url('../images/the-head-is-in-the-oven.jpg');
}

.d-118-3d-wrapper-2.topic1 {
  background-image: url('../images/chris-reynolds-melbourne.jpg');
}

.d-118-3d-wrapper-2.topic2 {
  background-image: url('../images/spreadsheet-.jpg');
}

.d-118-3d-wrapper-2.mecha1 {
  background-image: url('../images/DSC_1922.JPG');
}

.d-118-3d-wrapper-2.mecha2 {
  background-image: url('../images/unsure-of-its-identity.jpg');
}

.d-118-3d-wrapper-2.mecha3 {
  background-image: url("https://assets.website-files.com/617f718740f9686487bb5d1f/61a1a89a3305d35d0f80f32e_'a%20history%20apparatus%20-%20south%20elevation'.jpg");
}

.d-118-3d-wrapper-2.pala1 {
  background-image: url('../images/a-heavy-cloud-2.jpg');
}

.d-118-3d-wrapper-2.pala2 {
  background-image: url('../images/a-less-onerous3.jpg');
}

.d-118-3d-wrapper-2.pala3 {
  background-image: url('../images/strategy-to-lighten-a-burden.jpg');
}

.d-118-3d-wrapper-2.pala4 {
  background-image: url('../images/that-which-is-above-is-also-below.jpg');
}

.d-118-3d-wrapper-2.pala5 {
  background-image: url('../images/the-burden-of-nature.jpg');
}

.d-118-3d-wrapper-2.pala6 {
  background-image: url('../images/untitled.jpg');
}

.d-118-3d-wrapper-2.pala7 {
  background-image: url('../images/waiting-for-the-next-collective-burden.jpg');
}

.d-118-3d-wrapper-2.pylonn1 {
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: url("https://assets.website-files.com/617f718740f9686487bb5d1f/61a1bba978afdd0da14958cd_st%20john's%20anglican%20church%2C%20chewton.jpg");
}

.d-118-3d-wrapper-2.hcpatt1 {
  background-image: url('../images/1.png');
}

.d-118-3d-wrapper-2.hcpatt2 {
  background-image: url('../images/2.png');
}

.d-118-3d-wrapper-2.hcpatt3 {
  background-image: url('../images/3.png');
}

.d-118-3d-wrapper-2.hcpatt4 {
  background-image: url('../images/4.png');
}

.d-118-3d-wrapper-2.hcpatt5 {
  background-image: url('../images/5.png');
}

.d-118-3d-wrapper-2.hcpatt6 {
  background-image: url('../images/6.png');
}

.d-118-3d-wrapper-2.mranon1 {
  background-image: url("https://assets.website-files.com/617f718740f9686487bb5d1f/61a2e0e4f0aa6f417e6fa6e6_'an%20easter%20lament'.jpg");
  background-position: 0% 50%;
}

.d-118-3d-wrapper-2.mranon2 {
  background-image: url('../images/band-shot.jpg');
}

.d-118-3d-wrapper-2.mranon3 {
  background-image: url('../images/christmas-carol.jpg');
}

.d-118-3d-wrapper-2.mranon4 {
  background-image: url('../images/glam.jpg');
}

.d-118-3d-wrapper-2.mranon5 {
  background-image: url('../images/lyric-detritus.jpg');
  background-position: 50% 0%;
}

.d-118-3d-wrapper-2.thc1 {
  background-image: url('../images/thc1.png');
}

.d-118-3d-wrapper-2.thc2 {
  background-image: url('../images/thc2.png');
}

.d-118-3d-wrapper-2.thc3 {
  background-image: url('../images/thc3.png');
  background-position: 0% 50%;
  background-size: cover;
}

.d-118-3d-wrapper-2.chair {
  background-image: url('../images/chris-reynolds-chair.jpg');
  background-position: 50% 100%;
}

.d-118-3d-wrapper-2.chair2 {
  background-image: url('../images/reading-chair-with-reader.jpg');
  background-position: 50% 100%;
}

.d-118-3d-wrapper-2.mranon7 {
  background-image: url('../images/christmas-lament.png');
  background-position: 0% 50%;
}

.d-118-quote-title-2 {
  font-family: Montserrat, sans-serif;
  color: #fff;
  text-align: center;
}

.d-118-quote-text-2 {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.bio {
  padding-top: 30px;
  font-family: Montserrat, sans-serif;
  text-align: center;
}

.paragraph {
  text-align: center;
}

.iverlocch {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5000;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.76);
}

.iverlocch.inverloch {
  z-index: 5000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-2 {
  position: fixed;
  left: auto;
  top: 2%;
  right: 2%;
  bottom: auto;
}

.image-3 {
  height: 90%;
}

.momentum {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5000;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.76);
}

.momentum.inverloch {
  z-index: 5000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cross-momentum {
  position: fixed;
  left: auto;
  top: 2%;
  right: 2%;
  bottom: auto;
}

.image-4 {
  display: inline-block;
}

.lightbox-link {
  width: 100%;
  text-decoration: none;
}

.heading-2 {
  font-family: Montserrat, sans-serif;
  text-align: center;
}

.crumb-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.crumb-link-text {
  padding-right: 7px;
  padding-left: 7px;
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  color: #949494;
  text-decoration: none;
}

.crumb-link-text:hover {
  text-decoration: underline;
}

.crumb-link-text.w--current {
  color: #060606;
  text-decoration: none;
}

.button {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: rgba(56, 152, 236, 0);
}

.enquiry-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.64);
}

.div-block {
  background-color: #fff;
}

.modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.78)), to(rgba(0, 0, 0, 0.78)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78));
}

.form-holder {
  padding: 13px;
  background-color: #fff;
}

.image-5 {
  position: absolute;
  left: auto;
  top: 1%;
  right: 1%;
  bottom: auto;
}

@media screen and (max-width: 991px) {
  .container {
    width: 100%;
  }

  .slot.left {
    height: auto;
    margin-bottom: 58px;
  }

  .columns {
    padding-top: 0px;
  }

  .top-title-section {
    height: 200px;
    padding-bottom: 0px;
  }

  .top-title-section.sculpture {
    height: 200px;
    padding-bottom: 0px;
  }

  .top-title-section.music {
    height: 200px;
  }

  .top-title-section.furniture {
    height: 200px;
  }

  .top-title-section.catalogue {
    height: 200px;
    padding-bottom: 0px;
  }

  .top-title-section.portraittop {
    height: 200px;
  }

  .top-title-section.abouttop {
    height: 200px;
  }

  .top-title-section.mechanotriestop {
    height: 200px;
  }

  .top-title-section.misc {
    height: 200px;
  }

  .top-title-section.schem {
    height: 200px;
  }

  .top-title-section.suburg {
    height: 200px;
  }

  .top-title-section.topic {
    height: 200px;
  }

  .top-title-section.mechatop {
    height: 200px;
  }

  .top-title-section.palaestriatop {
    height: 200px;
  }

  .top-title-section.pylonicstop {
    height: 200px;
  }

  .top-title-section.musictop {
    height: 200px;
  }

  .top-title-section.mranontop {
    height: 200px;
  }

  .top-title-section.henrytop {
    height: 200px;
  }

  .top-title-section.palaestriatop-copy {
    height: 200px;
  }

  .section-titles {
    font-size: 25px;
  }

  .image {
    height: 60px;
  }

  .d-118-3d-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .d-118-card-wrapper {
    padding-right: 16px;
    padding-left: 16px;
  }

  .heading {
    font-size: 21px;
    line-height: 28px;
  }

  .dropdown-toggle {
    width: 100%;
  }

  .d-118-3d-wrapper-2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .d-118-quote-title-2 {
    font-size: 21px;
  }

  .nav-menu {
    background-color: #eaeaea;
  }

  .dropdown {
    width: 100%;
  }

  .menu-button {
    background-color: transparent;
  }

  .menu-button.w--open {
    background-color: #ebebeb;
  }

  .icon-2 {
    color: #acacac;
  }
}

@media screen and (max-width: 767px) {
  .container {
    display: block;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .tint-bg {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .slot {
    height: auto;
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .slot.left {
    margin-bottom: 0px;
  }

  .section {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .titles {
    font-size: 18px;
    line-height: 25px;
  }

  .columns {
    padding-top: 0px;
  }

  .circle {
    width: 200px;
    height: 200px;
  }

  .circle._2 {
    width: 200px;
    height: 200px;
  }

  .circle._1 {
    width: 200px;
    height: 200px;
  }

  .circle._3 {
    width: 200px;
    height: 200px;
  }

  .top-title-section {
    height: 150px;
  }

  .top-title-section.sculpture {
    height: 150px;
  }

  .top-title-section.music {
    height: 150px;
    padding-bottom: 0px;
  }

  .top-title-section.furniture {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.catalogue {
    height: 150px;
    padding-bottom: 0px;
  }

  .top-title-section.portraittop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.abouttop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.mechanotriestop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.misc {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.schem {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.suburg {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.topic {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.mechatop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.palaestriatop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.pylonicstop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.musictop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.mranontop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .top-title-section.henrytop {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.43)), to(rgba(0, 0, 0, 0.43))), url('../images/the-henry-cowpats---circa-1988.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.43)), url('../images/the-henry-cowpats---circa-1988.jpg');
    background-position: 0px 0px, 50% 2%;
    background-size: auto, cover;
  }

  .top-title-section.palaestriatop-copy {
    height: 150px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .painting-grid {
    margin-top: 0px;
  }

  .image {
    height: 50px;
  }

  .text-block-2 {
    font-size: 21px;
  }

  .painting-slot {
    margin-bottom: 8px;
  }

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

  .d-118-quote-title-2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .section {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .top-title-section {
    padding-right: 22px;
    padding-left: 22px;
  }

  .top-title-section.music {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.28)), to(rgba(0, 0, 0, 0.28))), url('../images/chris-reynolds-music.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.28)), url('../images/chris-reynolds-music.jpg');
    background-position: 0px 0px, 100% 0%;
  }

  .top-title-section.catalogue {
    height: 150px;
    padding-bottom: 0px;
  }

  .top-title-section.henrytop {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), to(rgba(0, 0, 0, 0.36))), url('../images/the-henry-cowpats---circa-1988.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36)), url('../images/the-henry-cowpats---circa-1988.jpg');
    background-position: 0px 0px, 50% -50%;
  }

  .section-titles {
    font-size: 21px;
    line-height: 26px;
    text-align: center;
  }

  .text-block-2 {
    font-size: 18px;
  }

  .painting-slot {
    min-height: 150px;
  }

  .d-118-card-wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }

  .heading {
    font-size: 16px;
  }

  .section-2 {
    padding-top: 18px;
  }
}