@import url("https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,600;1,200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap");
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_common\.scss}line{font-family:\000033}}
body {
  font-family: 'Mulish', sans-serif;
  font-weight: 200; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_common\.scss}line{font-family:\000038}}
.mobile-hidden {
  display: none; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_common\.scss}line{font-family:\0000312}}
a {
  text-decoration: none; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_common\.scss}line{font-family:\0000317}}
ul {
  list-style: none;
  padding: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_common\.scss}line{font-family:\0000322}}
.img-fit {
  width: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_common\.scss}line{font-family:\0000326}}
.section-title {
  font-family: "Shadows Into Light Two", cursive; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_footer\.scss}line{font-family:\000031}}
.footer {
  background: #333;
  color: whitesmoke;
  padding-top: 2em;
  padding-bottom: 2em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\000031}}
img {
  width: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\000035}}
.branding {
  margin-bottom: 2em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\0000310}}
.logo img {
  width: 32%; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\0000314}}
.logo {
  position: relative; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\0000318}}
.mobile-hero {
  position: absolute;
  top: 5%;
  left: 14%; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\0000324}}
section {
  padding-bottom: 2em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\0000328}}
.films-wrap {
  display: grid;
  grid-gap: 1em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\0000336}}
.hr-scroll {
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  margin-bottom: 1em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\0000343}}
.img-box,
.design__box {
  min-width: 92%;
  margin-right: .2em;
  scroll-behavior: smooth;
  scroll-snap-align: center;
  box-sizing: border-box; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/_mobile\.scss}line{font-family:\0000352}}
.design__box {
  padding: 0.13em;
  background: #333;
  color: whitesmoke;
  box-sizing: border-box; }

@media screen and (min-width: 700px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_landing-page\.scss}line{font-family:\000032}}
  .container {
    background-blend-mode: multiply;
    max-width: 1200px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_landing-page\.scss}line{font-family:\000039}}
  .mobile-hidden {
    display: block; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_landing-page\.scss}line{font-family:\0000313}}
  .hidden {
    display: none; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_landing-page\.scss}line{font-family:\0000317}}
  section {
    font-size: 1.14rem; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_landing-page\.scss}line{font-family:\0000322}}
  .text-bg {
    background: rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    padding: 0.5em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_landing-page\.scss}line{font-family:\0000329}}
  #about,
  #films,
  #design,
  #cycle {
    padding-top: 6em;
    padding-bottom: 6em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000311}}
  .logo img {
    width: auto; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000315}}
  .branding {
    max-width: 7em;
    padding: 0.3333333333em;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    transition: transform 300ms ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000324}}
    .branding:hover {
      transform: rotate(-14deg); }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000332}}
  .header-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 7em;
    padding: 0.3333333333em;
    z-index: 10; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000341}}
  .social-media {
    width: 100%;
    height: 30px;
    display: flex;
    gap: 0.3em;
    justify-content: center; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000349}}
  .fb {
    background: url("../img/icons/facebook.svg") no-repeat; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000353}}
  .insta {
    background: url("../img/icons/instagram.svg") no-repeat; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000357}}
  .yt {
    background: url("../img/icons/youtube.svg") no-repeat; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_header\.scss}line{font-family:\0000361}}
  .social-icon {
    width: 30px;
    background-size: cover; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_nav\.scss}line{font-family:\000033}}
  .main-nav {
    position: fixed;
    top: 0;
    left: -5em;
    height: 100vh;
    width: 20em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 8; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_nav\.scss}line{font-family:\0000316}}
  .nav-wrap {
    transition: all 400ms ease-in;
    transition-delay: 500ms; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_nav\.scss}line{font-family:\0000320}}
    .nav-wrap li {
      text-transform: uppercase;
      font-size: 0.8rem;
      margin-bottom: 0.2em;
      display: block;
      width: 15em; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_nav\.scss}line{font-family:\0000327}}
      .nav-wrap li a {
        position: relative;
        text-align: right;
        letter-spacing: 0;
        border-radius: 4px;
        padding: 0.75em 1.5em;
        display: block;
        color: black;
        background: rgba(245, 245, 245, 0.4);
        transition: all 400ms ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_nav\.scss}line{font-family:\0000338}}
        .nav-wrap li a::before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          background: #f9e79f;
          width: 13px;
          transform: scaleX(0);
          transform-origin: right;
          transition: all 400ms ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_nav\.scss}line{font-family:\0000351}}
        .nav-wrap li a:hover {
          background: #333;
          color: whitesmoke;
          transform: translateX(2em); }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_nav\.scss}line{font-family:\0000357}}
        .nav-wrap li a:hover::before {
          transform: scaleX(1); }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_nav\.scss}line{font-family:\0000365}}
  .main-nav:hover .nav-wrap {
    transform: translateX(3em);
    transition: all 400ms ease-in; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_top-section\.scss}line{font-family:\000031}}
  .top {
    background: url("../img/bg/abstract-hand.jpg");
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    min-height: 100vh;
    position: relative;
    overflow: hidden; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_top-section\.scss}line{font-family:\0000312}}
  .top-wrap {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_top-section\.scss}line{font-family:\0000321}}
  .centre-display-red,
  .centre-display-black {
    position: absolute; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_top-section\.scss}line{font-family:\0000328}}
  .topScroll {
    position: absolute;
    bottom: 10%;
    color: gray; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_top-section\.scss}line{font-family:\0000333}}
    .topScroll::after {
      content: '';
      background: url("../img/icons/chevron-double-down.svg");
      filter: invert(1);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 30px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_top-section\.scss}line{font-family:\0000350}}
  .centre-display-red {
    filter: blur(0.01em); }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_about-section\.scss}line{font-family:\000031}}
  .about {
    background: url("../img/bg/sanjay-bg-2000.jpg");
    background-size: cover;
    background-position: right;
    background-attachment: fixed;
    min-height: 100vh; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_films-section\.scss}line{font-family:\000031}}
  .hr-scroll,
  .img-box,
  .design__box {
    all: unset; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_films-section\.scss}line{font-family:\000039}}
  .films {
    background: url("../img/bg/films-bg-1920.jpg");
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    min-height: 100vh; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_films-section\.scss}line{font-family:\0000317}}
  .films-wrap {
    max-width: 960px;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(2, 1fr); }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_films-section\.scss}line{font-family:\0000324}}
  .films-left-col {
    display: grid;
    grid-gap: 0.3em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\000031}}
  .design {
    background: url("../img/bg/pattern-black-300.png"), radial-gradient(#2f3f65 65%, black 100%);
    background-attachment: fixed; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\000038}}
  .design-grid {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(5, 1fr);
    position: relative;
    z-index: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\0000316}}
  .rh {
    grid-column: span 2; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\0000323}}
  .design__box--overlay {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\0000332}}
    .design__box--overlay::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: #262626;
      background-blend-mode: lighten;
      opacity: 0;
      transition: all 400ms ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\0000347}}
    .design__box--overlay .design__box-text {
      position: absolute;
      width: 80%;
      font-size: 0.97rem;
      color: whitesmoke;
      opacity: 0;
      transition: all 500ms ease-in-out;
      transition-delay: 300ms; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\0000359}}
    .design__box--overlay:hover .design__box-text {
      opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\0000363}}
    .design__box--overlay:hover::before {
      opacity: 0.9; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_design-section\.scss}line{font-family:\0000369}}
  .design-hd {
    color: white; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_cycle-section\.scss}line{font-family:\000031}}
  .cycle {
    background: url("../img/bg/cycle-bg-1920.jpg");
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    min-height: 100vh; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_cycle-section\.scss}line{font-family:\000039}}
  .cycle__grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 1em;
    position: relative; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_cycle-section\.scss}line{font-family:\0000317}}
  .cycleImages__grid {
    display: grid;
    grid-gap: 0.3333333333em;
    grid-template-columns: repeat(2, 1fr); }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_cycle-section\.scss}line{font-family:\0000322}}
    .cycleImages__grid img {
      width: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_cycle-section\.scss}line{font-family:\0000327}}
  .cycle-text-wrap {
    position: sticky;
    top: 1em;
    color: white; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_footer\.scss}line{font-family:\000031}}
  .footer {
    background: #333; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_footer\.scss}line{font-family:\000035}}
  .main-footer {
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_footer\.scss}line{font-family:\0000312}}
  .footer-wrap {
    color: whitesmoke;
    border: black 1px solid;
    padding: 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/wamp64\/www\/SANDBOX\/BOOTSTRAP-SITES\/bs-sm-3\/sass\/desktop\/_footer\.scss}line{font-family:\0000317}}
    .footer-wrap span {
      display: block; } }

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