.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.navbar {
  background-color: #fff;
}

.brand {
  position: fixed;
  inset: 1.5% auto auto 1%;
}

.container {
  color: #6c6c6c;
  font-family: Montserrat, sans-serif;
}

.image {
  max-width: 75%;
}

.header-section {
  width: 100vw;
}

.header-home {
  width: 100vw;
  position: relative;
}

.heading {
  color: #6c6c6c;
  text-align: center;
  letter-spacing: 5px;
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.section-2 {
  margin-left: 100px;
  margin-right: 100px;
}

.grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-block {
  position: absolute;
}

.div-block {
  width: 100%;
  height: 100%;
}

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

.heading-2 {
  text-decoration: none;
}

.heading-3 {
  text-align: center;
  width: 100%;
  height: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.thumbnail-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.hover-overlay {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  background-color: #000000e6;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.image-3, .thumbnail-image {
  width: 100%;
  height: 100%;
}

.overlay-heading {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.content-section {
  min-height: 62vh;
  margin-left: 180px;
  margin-right: 180px;
}

.content-section.about {
  min-height: auto;
  margin-bottom: 75px;
}

.content-section.contact {
  min-height: auto;
  margin-bottom: 100px;
}

.div-block-2 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: block;
}

.div-block-3 {
  height: 30vh;
}

.hero-section {
  background-image: url('../images/DSC_8786.png');
  background-position: 50% 100%;
  background-size: auto;
  height: 50vh;
  position: relative;
}

.hero-section.music {
  background-image: url('../images/Portrait_1.4-p-1600.png');
  background-position: 50% 0;
  background-size: cover;
}

.hero-section.about {
  background-image: url('../images/Hero_Studio.png');
  background-position: 50% 0;
  background-size: cover;
}

.hero-section.contact {
  background-image: url('../images/Simon4.jpg');
  background-position: 50%;
  background-size: cover;
  height: auto;
}

.hero-section.home {
  background-image: url('../images/200110_Simon_Home_small.png');
}

.hero-section.about-2 {
  background-image: url('../images/Hero_Drums.png');
  background-position: 50% 85%;
  background-size: cover;
  margin-top: 50px;
}

.hero-section.about-3 {
  background-image: url('../images/studio-2.jpg');
  background-position: 50% 85%;
  background-size: cover;
  margin-top: 50px;
}

.hero-section.about-copy {
  background-image: url('../images/Hero_Studio.png');
  background-position: 50% 0;
  background-size: cover;
}

.hero-section.contact-header {
  background-image: url('../images/Simon4.jpg');
  background-position: 50% 42%;
  background-size: cover;
}

.h2 {
  color: #6c6c6c;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.text-hl {
  color: #6c6c6c;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.text-body {
  color: #6c6c6c;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.grid-2 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.image-4 {
  margin-bottom: 5px;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.body {
  color: #6c6c6c;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 160px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.h2-2 {
  color: #6c6c6c;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 160px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.button {
  text-align: center;
  margin-bottom: 25px;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.h2-3 {
  color: #6c6c6c;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 160px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.footer-section {
  background-color: #dadada;
  height: 300px;
}

.div-block-5 {
  text-align: center;
  margin-top: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.heading-footer {
  color: #6c6c6c;
  text-align: center;
  letter-spacing: 0;
  margin-top: 25px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.text-block-2 {
  color: #6c6c6c;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
}

.image-5 {
  margin-bottom: 15px;
}

.link {
  color: #6c6c6c;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  display: block;
}

.imprint-copy {
  color: #6c6c6c;
  text-align: left;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
}

.section-3 {
  margin-left: 100px;
  margin-right: 100px;
}

.section-4 {
  background-color: #6c6c6c;
}

.heading-inverted {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  margin-top: 50px;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.body-inverted {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 160px 100px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.h3-inverted {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.grid-5 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.image-6, .image-7, .image-8, .image-9, .image-10, .image-11 {
  width: 150px;
}

.image-12 {
  width: 110px;
}

.image-13 {
  width: 150px;
}

.image-14 {
  width: 110px;
}

.image-15, .image-16 {
  width: 150px;
}

.image-17 {
  width: 100px;
}

.image-18 {
  width: 150px;
}

.image-19 {
  width: 120px;
}

.image-20 {
  width: 150px;
}

.image-21 {
  width: 80px;
}

.image-22, .image-23, .image-24, .image-25 {
  width: 150px;
}

.heading-4 {
  color: #6c6c6c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.body---awards {
  color: #6c6c6c;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 160px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.section-5 {
  margin-bottom: 75px;
  margin-left: 100px;
  margin-right: 100px;
}

.link-2 {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}

@media screen and (max-width: 991px) {
  .section-2 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .overlay-heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }

  .content-section {
    min-height: 40vh;
    margin-left: 10px;
    margin-right: 10px;
  }

  .content-section.about {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-section.contact-header {
    height: 40vh;
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .body {
    margin-left: 50px;
    margin-right: 50px;
  }

  .h2-2 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .section-3 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .grid-5 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .body---awards {
    margin-left: 50px;
    margin-right: 50px;
  }

  .section-5 {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link, .nav-link-2, .nav-link-3, .nav-link-4, .nav-link-5 {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .heading {
    margin-bottom: 25px;
  }

  .section-2 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .hero-section.contact-header {
    height: 25vh;
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .body {
    margin-left: 20px;
    margin-right: 20px;
  }

  .h2-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .body-inverted {
    margin-left: 30px;
    margin-right: 30px;
  }

  .image-21 {
    width: 50px;
  }

  .body---awards {
    margin-left: 30px;
    margin-right: 30px;
  }

  .section-5 {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link, .nav-link-2, .nav-link-3, .nav-link-4, .nav-link-5 {
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .heading {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .section-2 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr;
  }

  .overlay-heading {
    font-size: 12px;
    line-height: 16px;
  }

  .content-section {
    min-height: 25vh;
    margin-left: 10px;
    margin-right: 10px;
  }

  .hero-section.voiceover, .hero-section.music {
    height: 30vh;
  }

  .hero-section.contact {
    background-position: 28%;
    height: 30vh;
  }

  .hero-section.home {
    background-position: 48% 45%;
    height: 30vh;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .body {
    margin-left: 5px;
    margin-right: 5px;
  }

  .h2-2 {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .h2-3 {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 22px;
  }

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

  .link {
    font-size: 12px;
  }

  .section-3 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .grid-4 {
    grid-template-columns: 1fr;
  }

  .heading-inverted {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .body-inverted {
    margin-left: 25px;
    margin-right: 25px;
  }

  .h3-inverted {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .grid-5 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .body---awards, .section-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .nav-link, .nav-link-2, .nav-link-3, .nav-link-4, .nav-link-5 {
    text-align: center;
  }
}

#w-node-ad671db2-298c-ca86-afa0-c7114ee2cf04-ce91a091, #w-node-_8bc538c4-ee9f-12ec-06a4-61287661f825-ce91a091, #w-node-_83eb6f77-85d1-02b8-17b8-b9b4703d5ee2-ce91a091, #w-node-a96149a2-4a90-37e1-262e-91570331696f-ce91a091, #w-node-_64327b6f-4aa8-53b6-a4a3-3299590d922c-ce91a091, #w-node-_7d36e769-cbe7-e489-6723-af25e9016620-ce91a091, #w-node-_3c218965-5413-a6aa-4937-d2748ace4a52-ce91a091, #w-node-_3be0e1ef-8baf-2b8a-8be3-362aa6fbfea7-ce91a091, #w-node-_15d4629c-d883-f5af-7de8-aaddeb679bf3-ce91a091, #w-node-b6e2780f-8e63-4b10-770b-c1c1f618f9b3-ce91a091, #w-node-b55d5525-8e41-f0e8-5db4-d5083017e3c7-ce91a091, #w-node-_3a8f1c3c-1221-9ab5-5a59-d5372031814b-ce91a091, #w-node-_9edf668d-602c-4193-6fb4-8ce4b99c1895-ce91a091, #w-node-c3610b06-223c-fcb2-d735-bdd17b9d09c6-ce91a091, #w-node-fa213ff7-12c8-f601-5c40-56225e738b93-ce91a091, #w-node-_3bd9d8c6-4e93-1647-2551-e2e3c233c372-ce91a091, #w-node-_02c6ee4e-b89a-d25e-7290-c81c97ffacf5-ce91a091, #w-node-_64b5f5a2-aca4-2819-0ed1-622bfb8b635d-ce91a091, #w-node-_7793d855-61e4-a69e-ac7c-4178bdac5d5b-ce91a091, #w-node-b2753b81-30b4-3618-9971-c9af0d70f141-ce91a091 {
  place-self: center;
}