*,
body {
  margin: 0;
  padding: 0;
}

a {
  text-decoration-color: rgb(190, 190, 190);
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 400;
  font-style: italic;
  line-height: 2;
  transition: 0.5s;
}

a:hover {
  font-size: 0.93rem;
}

p {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  margin-bottom: 1rem;
}

img {
  width: 100%;
  display: block;
  filter: opacity(97%) brightness(200%);
}

video {
  filter: opacity(97%) brightness(102%);
}

figcaption {
  background: inherit;
  color: inherit;
  font-size: inherit;
  display: block;
  position: absolute;
  top: 0;
  height: 50%;
  padding: 20px;
  transition: 0.5s;
  opacity: 0;
  max-width: 67%;
}

figcaption:hover {
  opacity: 1;
}

figure {
  position: relative;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.25rem;
  font-weight: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
ul {
  list-style-type: none;
}


.margin__top-s {
  margin-top: 1rem;
}

.margin__top-m {
  margin-top: 2rem;
}

.margin__top-l {
  margin-top: 4rem;
}

.margin__top-xl {
  margin-top: 8rem;
}


.margin__bottom-s {
  margin-bottom: 1rem;
}

.margin__bottom-m {
  margin-bottom: 2rem;
}

.margin__bottom-l {
  margin-bottom: 4rem;
}

.margin__bottom-xl {
  margin-bottom: 8rem;
}

.padding__top-s {
  padding-top: 1rem;
}

.padding__top-m {
  padding-top: 2rem;
}

.padding__top-l {
  padding-top: 4rem;
}

.padding__top-xl {
  padding-top: 8rem;
}

.padding__bottom-s {
  padding-bottom: 1rem;
}

.padding__bottom-m {
  padding-bottom: 2rem;
}

.padding__bottom-l {
  padding-bottom: 4rem;
}

.padding__bottom-xl {
  padding-bottom: 8rem;
}

/* *************************************** */
/* General                                 */
/* *************************************** */

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.drag__gallery-images {
  background-color: black;
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.drag__gallery-image {
  position: absolute;
  border-radius: 4rem;
  }

.video__container {
  margin: 0px;
}
/* *************************************** */
/* Landing                                 */
/* *************************************** */

.hero__container {
  width: 100%;
}

.hero__image,
.hero__image img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  position: relative;
}

.hero__overlay {
  top: 0;
  left: 0;
  min-width: 50vw;
  text-align: left;
  position: absolute;
  color: inherit;
}

.hero__overlay__content {
  color: inherit;
  padding: 20px;
  z-index: 1000;
}

.hero__overlay__content h1,
.hero__overlay__content h2,
.hero__overlay__content p {
  font-weight: inherit;
  color: inherit;
}

.hero__overlay__content h1,
.hero__overlay__content h2,
.hero__overlay__content p {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.scrolling {
  position: absolute;
  bottom: 10px;
  left: 50%;
}

.scrolling img {
  height: 50px;
}

/* *************************************** */
/* Sections                                */
/* *************************************** */

.default__content {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  padding: 20px;
}

.sketch__full iframe {
  margin: 0;
  padding: 0;
  width: 101.1%;
  height: 100vh;
  display: block;
  margin-left: -1.1%;
}

/* *************************************** */
/* Footer                                  */
/* *************************************** */

.footer {
  min-height: 30vh;
  position: absolute;
}


/* *************************************** 
 * lightbox, click on image to go full 
 * size from:
 * https://code-boxx.com/image-zoom-css-javascript
 * *************************************** */

 #lightbox {
  position: fixed; z-index: 999;
  top: 0; 
  left: 0;
  width: 100vw; 
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);

  display: flex;
  align-items: center;
  align-items: center;

  visibility: hidden;
  opacity: 0;

  transition: opacity ease 0.3s;
}
 
#lightbox.show {
  visibility: visible;
  opacity: 1;
}
 
#lightbox img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.zoom {
  cursor: pointer;
}

/* *************************************** */
/* About                                   */
/* *************************************** */

.about__button p {
  text-align:right;
}

.about__button p a {
  border-radius: 25px;
  padding:0.5rem 1rem;
}

.about__details {
  padding-top:6rem;
  position: fixed;
  z-index: 100;
  width:100%;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: opacity ease 0.5s;
}

.about__details.show {
  visibility: visible;
  opacity: 0.79;
}

.about__details p {
  color:#222222;
  font-size: 1.6rem;
  font-weight: 400;
  max-width: 1024px;
}



/* *************************************** */
/* Media Queries                           */
/* *************************************** */

@media (orientation: portrait) {
  *,
  body {
    font-size: 16px;
  }

  figcaption {
    opacity: 1;
    font-size: 0.8rem;
  }

  .row {
    flex-direction: column;
  }

  .scrolling {
    display: none;
  }

  .footer {
    flex-direction: column-reverse;
  }

  .img__cover-50,
  .img__cover-67,
  .img__cover-75,
  .img__cover-100 {
    width: 100%;
    object-fit: cover;
    position: relative;
  }

  .img__cover-50 {
    height: 50vh;
  }

  .img__cover-67 {
    height: 67vh;
  }

  .img__cover-75 {
    height: 75vh;
  }

  #about {
    padding-top: 10rem;
  }

  #about p {
    font-size: 1.25rem;
    font-weight: 500;
  }
}

/* * {
  border:1px solid black;
} */