:root {
  --orange-red: #e95025;
  --black: #333;
  --dark-slate-blue: #2c2e83;
  --white: white;
  --bitcoin: #f7931a;
}

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

body {
  color: #333;
  font-family: Spacegrotesk Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Medium, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Spacegrotesk Medium, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
  font-size: 16px;
}

.navbar-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.navbar {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.brand, .brand.w--current {
  max-width: 160px;
}

.section {
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section.other {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: visible;
}

.section.other.center {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}

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

.section.collection {
  padding-bottom: 0;
}

.section.margin {
  padding-bottom: 60px;
}

.section.about, .section.artist {
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.algo, .section.palettes {
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 100px;
}

.nav-link {
  font-family: Spacegrotesk Light, sans-serif;
  font-size: 20px;
  transition: all .3s;
}

.nav-link:hover {
  color: var(--orange-red);
  transform: scale(1.05);
}

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

.nav-link.w--current:hover {
  color: var(--orange-red);
}

.nav-menu {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.text-block {
  font-size: 20px;
}

.link-block {
  color: #333;
  border: 2px solid #000;
  align-items: center;
  margin-left: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.content.stretch {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  transition: all .2s;
}

.content.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.content._70 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
}

.content._70.algorithm {
  margin-top: 0;
  margin-bottom: 100px;
}

.content.head-collection {
  width: 80%;
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.content.head-collection.center {
  align-items: center;
}

.hero-img {
  width: 100%;
  max-width: 800px;
}

.collections-wrapper {
  width: 100%;
}

.collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.collection-desc-div {
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
  display: flex;
}

.heading {
  font-family: Spacegrotesk Medium, sans-serif;
}

.text-stat {
  color: var(--orange-red);
  margin-bottom: 10px;
  font-size: 17px;
}

.paragraph {
  font-size: 16px;
}

.img-collection-wrapper {
  flex-direction: column;
  justify-content: center;
  max-height: 600px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.link-text {
  color: var(--black);
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 17px;
  text-decoration: none;
  transition: letter-spacing .2s;
  display: block;
}

.link-text:hover {
  letter-spacing: 0;
  text-decoration: underline;
}

.link-text.top-margin {
  margin-top: 20px;
}

.link-text.bottom-padding {
  padding-bottom: 60px;
}

.paragraph-2 {
  text-align: center;
  max-width: 1000px;
  margin-bottom: 60px;
  font-family: Spacegrotesk Light, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.paragraph-2.footer {
  text-align: right;
  margin-top: 20px;
  padding-bottom: 0;
  font-size: 14px;
}

.separator {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, #000 50%, rgba(0, 0, 0, 0) 103%);
  width: 400px;
  height: 1px;
  margin-bottom: 60px;
}

.separator.top-margin {
  margin-top: 60px;
}

.heading-2 {
  text-align: center;
  max-width: 80%;
  margin-bottom: 40px;
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 30px;
  line-height: 36px;
}

.heading-2.top-margin {
  margin-top: 60px;
}

.list {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 60px;
  display: grid;
}

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

.h-center {
  text-align: center;
}

.h-center.h-min {
  min-height: 2.5em;
  font-weight: 500;
}

.p-center {
  text-align: center;
}

.button {
  border: 2px solid var(--dark-slate-blue);
  background-color: var(--dark-slate-blue);
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 40px;
  text-decoration: none;
  transition: all .2s;
}

.button:hover {
  color: var(--dark-slate-blue);
  background-color: #fff;
}

.button.left {
  border-color: var(--black);
  background-color: var(--black);
  margin-left: 0;
  margin-right: 10px;
}

.button.left:hover {
  background-color: var(--white);
  color: var(--black);
}

.button.left.mint, .button.left.mint.w--current {
  margin-top: 60px;
}

.button.secondaire {
  border-color: var(--black);
  color: var(--black);
  background-color: #fff;
  position: relative;
}

.button.secondaire.top-margin {
  margin-top: 20px;
}

.button.collection {
  margin-right: 10px;
}

.button.collection.disabled {
  cursor: default;
}

.button.collection.disabled:hover {
  background-color: var(--dark-slate-blue);
  color: #fff;
}

.btn-text {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 20px;
  text-decoration: none;
  display: flex;
}

.hero {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 55% 1fr;
  align-content: stretch;
  justify-content: stretch;
  align-items: center;
  justify-items: stretch;
  width: 100%;
}

.heading-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.last-inscription-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.red {
  color: var(--orange-red);
}

.h-section {
  margin-bottom: 60px;
}

.h-section.h-center {
  font-family: Helvetica, sans-serif;
}

.h2-hero {
  font-family: Spacegrotesk Light, sans-serif;
  font-size: 35px;
}

.last-inscription-title {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}

.text-span {
  font-family: Spacegrotesk Bold, sans-serif;
}

.heading-3 {
  margin-bottom: 20px;
  font-family: Helvetica, sans-serif;
}

.transform-div {
  border: 2px solid var(--dark-slate-blue);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.secondary-button-wrapper {
  position: relative;
}

.secondary-button-wrapper.navbar-btn {
  margin-left: 20px;
}

.button-wrapper-hero {
  width: 100%;
  display: flex;
}

.heading-artist {
  margin-bottom: 20px;
  font-family: Spacegrotesk Regular, sans-serif;
  font-size: 20px;
}

.paragraph-3 {
  margin-bottom: 20px;
}

.button-collection {
  background-color: var(--dark-slate-blue);
  color: #fff;
  margin-right: 10px;
  padding: 10px 20px;
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s;
}

.text-span-2 {
  font-family: Spacegrotesk Light, sans-serif;
  font-size: 15px;
}

.wrapper-slider {
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

.slider-item {
  width: 25%;
}

.item-content {
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.heading-collection {
  text-align: left;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 500;
}

.grid-gallery {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.item-title-gallery {
  margin-top: 10px;
  font-family: Spacegrotesk Bold, sans-serif;
}

.margin-b {
  margin-bottom: 40px;
}

.s-pop-up {
  z-index: 100;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-pop-up {
  z-index: 100;
  background-color: #fff;
  flex-direction: row;
  padding: 40px;
  display: flex;
  position: relative;
}

.item-marketplace {
  color: #333;
  border-radius: 15px;
  max-width: 150px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  text-decoration: none;
}

.image {
  border-radius: 15px;
}

.marketplace-name {
  text-align: center;
  margin-top: 10px;
}

.div-block {
  z-index: 50;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.close {
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 20px;
}

.footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.footer-wrapper {
  flex-direction: row;
  align-items: flex-end;
  width: 80%;
  display: flex;
}

.column {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.column.right {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.div-powered {
  color: #282828;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.text-block-19 {
  margin-right: 10px;
}

.image-104 {
  max-width: 150px;
}

.image-105 {
  box-shadow: 1px 1px 15px 10px rgba(0, 0, 0, .15);
}

.image-105.bottom-margin {
  margin-bottom: 20px;
}

.footer-link {
  margin-bottom: 0;
}

.social-links.margin-top {
  margin-top: 30px;
}

.social-links.margin-top.follow-us {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
}

.social-link {
  color: #35250c;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  transition: color .15s;
}

.social-link:hover {
  color: #feb235;
}

.html-embed-2 {
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 35px;
  line-height: 35px;
}

.html-embed-2:hover {
  color: #ee3364;
}

.text-block-4 {
  color: rgba(0, 0, 0, 0);
  font-size: 1px;
  line-height: 1px;
}

.heading-4 {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}

.subtitle {
  margin-bottom: 20px;
  font-size: 20px;
}

.image-106 {
  text-align: left;
  max-width: 15%;
  margin-bottom: 20px;
}

.art-wrapper {
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.slider {
  align-items: center;
  width: 75%;
  max-width: 75%;
  padding-bottom: 0;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.slider.full {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.arrow-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.arrow {
  cursor: pointer;
  width: 50px;
  margin-left: 3px;
  margin-right: 3px;
  position: absolute;
  right: 0;
}

.arrow.left {
  left: 0;
  right: auto;
  transform: rotate(-180deg);
}

.html-embed-3 {
  width: 100%;
}

.social-link-wrapper {
  margin-bottom: 20px;
}

.html-embed-4 {
  color: #333;
  width: 100%;
  height: 100%;
  font-size: 35px;
  line-height: 35px;
}

.html-embed-4:hover {
  color: var(--orange-red);
}

.text-block-20 {
  color: rgba(0, 0, 0, 0);
  font-size: 1px;
  line-height: 1px;
}

.link-block-3 {
  color: #333;
  margin-bottom: 10px;
  text-decoration: none;
  transition: color .3s;
}

.link-block-3:hover {
  color: var(--orange-red);
}

.h-legal {
  margin-bottom: 20px;
  font-size: 35px;
}

.heading-5 {
  margin-bottom: 20px;
}

.orange {
  color: var(--orange-red);
}

.blue {
  color: var(--dark-slate-blue);
}

.center {
  text-align: center;
}

.heading-6 {
  margin-top: 0;
  font-family: Helvetica, sans-serif;
  font-size: 60px;
}

.div-block-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-2.hide {
  display: none;
}

.cta-3 {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 20px;
  padding-left: 0;
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 17px;
}

.cta-3:hover {
  font-size: 17px;
  text-decoration: underline;
}

.link-block-4 {
  color: var(--black);
  text-decoration: none;
}

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

.link-block-5, .link-block-6 {
  color: var(--black);
  text-decoration: none;
}

.about {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-4 {
  max-width: 50%;
}

.paragraph-4.coming-soon {
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 23px;
  line-height: 120%;
}

.grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
  grid-auto-flow: row;
  align-items: center;
  justify-items: stretch;
}

.image-107 {
  max-width: 70%;
  padding-bottom: 0;
}

.subtitle-new-collection {
  text-align: center;
  max-width: 1000px;
  margin-top: 60px;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Spacegrotesk Light, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.subtitle-new-collection.footer {
  text-align: right;
  margin-top: 20px;
  padding-bottom: 0;
  font-size: 14px;
}

.paragraph-5 {
  text-align: left;
}

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

.div-block-4 {
  width: 100px;
}

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

.play-overlay {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-108 {
  width: 70px;
}

.about-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
  grid-auto-flow: row;
  align-items: center;
  justify-items: stretch;
  padding-bottom: 60px;
}

.artist-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 30% 1fr;
  grid-auto-flow: row;
  padding-bottom: 60px;
}

.artist-image {
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, .2);
}

.about-image {
  box-shadow: 1px 1px 15px 10px rgba(0, 0, 0, .15);
}

.text-span-copy {
  font-family: Spacegrotesk Bold, sans-serif;
}

.by-artist {
  text-align: center;
  margin-top: 10px;
  padding-bottom: 60px;
  font-size: 16px;
}

.by-artist.no-bottom-padding {
  padding-bottom: 10px;
}

.algo-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 30% 1fr;
  grid-auto-flow: row;
  align-items: center;
  justify-items: stretch;
}

.about-artist-paragraph {
  margin-bottom: 40px;
  padding-bottom: 0;
}

.colors-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 50% 1fr;
  grid-auto-flow: row;
  align-items: center;
  justify-items: stretch;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 100px 60px;
}

.colors-grid.inverse {
  grid-template-columns: auto 50%;
}

.socials-artist {
  margin-bottom: 0;
}

.background-video {
  width: 100%;
}

.slider-colors {
  background-color: rgba(0, 0, 0, 0);
  height: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.left-arrow {
  left: auto;
}

.icon, .icon-2 {
  color: var(--black);
}

.slide-nav {
  color: var(--white);
}

.slide {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.artwork-color, .palette-cover {
  max-width: 100%;
  box-shadow: 1px 1px 15px 5px rgba(0, 0, 0, .15);
}

.mask {
  padding: 0;
}

.journey-grid {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 25% 25% 1fr;
  grid-auto-flow: row;
  align-items: center;
  justify-items: stretch;
}

.subtitle-description {
  text-align: center;
  max-width: 1000px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Spacegrotesk Light, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.subtitle-description.footer {
  text-align: right;
  margin-top: 20px;
  padding-bottom: 0;
  font-size: 14px;
}

.blur {
  max-width: 100%;
  box-shadow: 1px 1px 15px 5px rgba(0, 0, 0, .15);
}

.div-block-5 {
  overflow: hidden;
}

.text-span-3 {
  font-family: Spacegrotesk Bold, sans-serif;
}

.mint-details {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 50%) 50%;
  grid-auto-flow: row;
  align-items: center;
  justify-items: stretch;
  padding-bottom: 100px;
}

.mint-details-grid {
  grid-template-rows: auto;
  max-width: 80%;
  margin-top: 40px;
}

.text-span-4 {
  font-family: Spacegrotesk Bold, sans-serif;
}

.heading-collection-2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
}

.text-span-5 {
  font-family: Spacegrotesk Bold, sans-serif;
}

.third-cta {
  color: var(--black);
  margin-top: 20px;
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 17px;
  text-decoration: none;
  transition: letter-spacing .2s;
  display: block;
}

.third-cta:hover {
  letter-spacing: 0;
  text-decoration: underline;
}

.third-cta.top-margin {
  margin-top: 20px;
}

._80 {
  max-width: 70%;
}

.paragraph-6 {
  text-align: left;
}

.rendering {
  width: 600px;
  height: 600px;
}

.link {
  color: var(--orange-red);
  text-decoration: none;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 10% 1fr;
  align-items: center;
  justify-items: center;
  margin-top: 40px;
}

.grid-2.phone {
  display: none;
}

._70 {
  max-width: 70%;
}

.kiss-the-sky-artworks {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.artist-name {
  opacity: .6;
  text-align: center;
  margin-top: 10px;
  padding-bottom: 0;
  font-family: Spacegrotesk Regular, sans-serif;
  font-size: 14px;
}

.artist-name.no-bottom-padding {
  padding-bottom: 10px;
}

.artwork-name {
  text-align: center;
  margin-top: 10px;
  padding-bottom: 0;
  font-family: Spacegrotesk Bold, sans-serif;
  font-size: 16px;
}

.artwork-name.no-bottom-padding {
  padding-bottom: 10px;
}

.shadow {
  box-shadow: 1px 0 5px rgba(0, 0, 0, .2);
}

.icon-3 {
  display: none;
}

.dropdown-list {
  background-color: #8f7575;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}

.dropdown-list.w--open {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.collections-link:hover {
  color: var(--orange-red);
}

.dropdown-link {
  color: #000;
  width: 100%;
  padding: 10px 20px;
  text-decoration: none;
  position: relative;
}

.exponent {
  color: #b3b3b3;
  font-size: 10px;
  position: absolute;
  top: 2px;
  bottom: auto;
  left: auto;
  right: 2%;
}

.exponent.trending {
  color: var(--orange-red);
}

.lightbox-link {
  width: 100%;
  max-height: 100%;
}

.slider-img {
  width: 100%;
}

@media screen and (min-width: 1920px) {
  .navbar-wrapper, .content, .content.head-collection, .footer-wrapper {
    width: 70%;
  }
}

@media screen and (max-width: 991px) {
  .section.other {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content {
    width: 90%;
  }

  .collection-item {
    grid-row-gap: 39px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .collection-desc-div {
    width: 100%;
  }

  .img-collection-wrapper {
    width: 50%;
  }

  .separator {
    margin-bottom: 40px;
  }

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

  .h-center.h-min, .p-center {
    text-align: left;
  }

  .button.collection.disabled {
    margin-top: 10px;
  }

  .hero {
    grid-template-columns: 100%;
  }

  .last-inscription-div {
    display: none;
  }

  .h-section {
    margin-bottom: 40px;
    font-size: 38px;
  }

  .div-pop-up {
    flex-wrap: wrap;
  }

  .social-link {
    width: 35px;
    height: 35px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .slider {
    width: 100%;
    max-width: 100%;
  }

  .paragraph-4 {
    max-width: 100%;
  }

  .artist-grid {
    align-items: center;
  }

  .colors-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .slide {
    padding: 10% 15%;
  }
}

@media screen and (max-width: 767px) {
  .h-center.h-min, .p-center {
    text-align: center;
  }

  .div-pop-up {
    justify-content: center;
    max-width: 90%;
  }

  .item-marketplace {
    margin-bottom: 20px;
  }

  .close {
    width: 30px;
    height: 30px;
  }

  .div-powered {
    margin-bottom: 20px;
  }

  .social-links.margin-top {
    margin-top: 20px;
  }

  .slider {
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
  }

  .arrow-wrapper {
    left: 0;
    right: auto;
  }

  .arrow {
    width: 40px;
  }

  .grid, .about-grid, .artist-grid, .algo-grid, .colors-grid, .journey-grid, .mint-details {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    font-size: 23px;
  }

  .navbar {
    margin-bottom: 40px;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .brand {
    max-width: 130px;
  }

  .section.other {
    display: flex;
  }

  .section.artist {
    padding-top: 0;
  }

  .section.algo {
    padding-bottom: 40px;
  }

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

  .content.stretch {
    width: 90%;
  }

  .content._70.algorithm {
    width: 70%;
    margin-bottom: 40px;
  }

  .img-collection-wrapper {
    width: 100%;
  }

  .paragraph-2 {
    font-size: 20px;
    line-height: 24px;
  }

  .separator {
    width: 250px;
  }

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

  .h-center.h-min {
    font-size: 24px;
  }

  .button.left {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .button.secondaire {
    width: 100%;
  }

  .button.collection {
    margin-top: 10px;
  }

  .hero {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .last-inscription-div {
    display: flex;
  }

  .h-section.h-center, .h2-hero {
    font-size: 30px;
  }

  .heading-3 {
    font-size: 45px;
  }

  .secondary-button-wrapper.navbar-btn {
    margin-left: 0;
  }

  .button-wrapper-hero {
    flex-direction: column;
  }

  .heading-collection {
    text-align: center;
  }

  .grid-gallery {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .margin-b {
    margin-top: 0;
  }

  .div-pop-up {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-marketplace {
    max-width: 100px;
  }

  .footer-wrapper {
    flex-direction: column;
    width: 90%;
  }

  .column {
    align-items: center;
    width: 100%;
  }

  .div-powered {
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .social-links.margin-top {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .social-link {
    width: 35px;
    height: 35px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .html-embed-4 {
    font-size: 25px;
    line-height: 25px;
  }

  .menu-button {
    background-color: rgba(0, 0, 0, 0);
  }

  .menu-button.w--open {
    background-color: var(--dark-slate-blue);
  }

  .h-legal {
    font-size: 28px;
  }

  .heading-5 {
    font-size: 40px;
  }

  .div-block-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .subtitle-new-collection {
    margin-top: 20px;
    font-size: 20px;
    line-height: 24px;
  }

  .play-overlay {
    background-color: #000;
  }

  .image-108 {
    width: 40px;
  }

  .about-grid, .artist-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-bottom: 40px;
  }

  .algo-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .colors-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin: 20px 20% 60px 25%;
    padding: 0;
  }

  .colors-grid.inverse {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-flow: row;
  }

  .slider-colors {
    max-width: 100%;
    max-height: 100%;
  }

  .icon-2 {
    margin-right: 0;
  }

  .slide-nav {
    padding-top: 0;
  }

  .slide {
    max-width: 100%;
    margin-left: 0;
    padding: 0%;
  }

  .journey-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .subtitle-description {
    font-size: 20px;
    line-height: 24px;
  }

  .mint-details {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-bottom: 40px;
  }

  .grid-2.computer {
    display: none;
  }

  .grid-2.phone {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 10% 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: auto;
    display: flex;
  }

  ._20 {
    max-width: 20%;
  }
}

#w-node-c0dae317-96c6-a434-5bee-7ba7f5a3e383-deb1b22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1ab6265a-88db-a85e-e5e6-dce89efd50fa-deb1b22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: center;
}

#w-node-_9c92688f-7c1e-02ff-442b-4338dbe4690a-deb1b22c, #w-node-_9c92688f-7c1e-02ff-442b-4338dbe4690f-deb1b22c, #w-node-_9c92688f-7c1e-02ff-442b-4338dbe46917-deb1b22c, #w-node-_9c92688f-7c1e-02ff-442b-4338dbe46919-deb1b22c, #w-node-_9c92688f-7c1e-02ff-442b-4338dbe4691b-deb1b22c, #w-node-_913d131f-8853-cde6-0acb-a86334d2c5e6-deb1b22c, #w-node-_04578f42-1400-2365-f56e-8e08eee2ccaf-deb1b22c, #w-node-d4b50e7b-eb27-d3ce-a871-fc79435eb375-deb1b22c, #w-node-d4b50e7b-eb27-d3ce-a871-fc79435eb382-deb1b22c, #w-node-d651ef71-4f97-e1c0-6d66-ff141d5595ba-deb1b22c, #w-node-d651ef71-4f97-e1c0-6d66-ff141d5595c7-deb1b22c, #w-node-_0fb00106-db22-5925-e3c4-63d984c5fae2-deb1b22c, #w-node-_0fb00106-db22-5925-e3c4-63d984c5fae7-deb1b22c, #w-node-_0fb00106-db22-5925-e3c4-63d984c5faf3-deb1b22c, #w-node-_237c3511-3b80-1f8e-668d-41c2dd150a7c-deb1b22c, #w-node-_237c3511-3b80-1f8e-668d-41c2dd150a81-deb1b22c, #art-wrapper-1.w-node-_237c3511-3b80-1f8e-668d-41c2dd150a8a-deb1b22c, #w-node-_237c3511-3b80-1f8e-668d-41c2dd150a8b-deb1b22c, #w-node-_2a3307ff-66b8-67d2-5889-4414a9983785-deb1b22c, #w-node-_2a3307ff-66b8-67d2-5889-4414a998378a-deb1b22c, #art-wrapper.w-node-_2a3307ff-66b8-67d2-5889-4414a9983793-deb1b22c, #w-node-_2a3307ff-66b8-67d2-5889-4414a9983794-deb1b22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e0dba4c5-48e4-abf1-6af6-bd480ff83e4f-deb1b22c {
  align-self: auto;
  justify-self: auto;
}

#w-node-f879ae0a-68cb-3f16-b916-27c14d9f15c7-71a37dff, #w-node-f879ae0a-68cb-3f16-b916-27c14d9f15c8-71a37dff, #w-node-afbb581a-9fe0-9403-ae7d-2e0d6cb43d87-71a37dff, #w-node-_6e73ce20-6da9-fd57-fe85-ac535c8b2f88-71a37dff, #w-node-_1d0cbfee-b9e3-531a-a510-4381ca28bd5f-71a37dff, #w-node-e22b5170-94be-832d-3f29-a5a6985153c2-9ec42be1, #w-node-e22b5170-94be-832d-3f29-a5a6985153c3-9ec42be1, #w-node-_7c9cb1b2-cdde-2e9a-a353-d971891b1497-9ec42be1, #w-node-_32549e40-36a2-1c9e-75d4-5accc4093003-9ec42be1, #w-node-_3a17749a-c773-3055-61fc-89440cab3d87-9ec42be1, #w-node-d3ac7272-bc92-ca0a-80f0-b6ff37b7e211-9ec42be1, #w-node-_46f5b020-001c-a760-3de7-d02803bf0f79-9ec42be1, #w-node-_90dc25cf-d68b-f129-20e3-202c21445d3a-9ec42be1, #w-node-f7e6af89-ab98-c7bf-1b98-aba05171cf67-9ec42be1, #w-node-_62c393ea-2b11-2eac-9a91-ef769f4a643e-9ec42be1, #w-node-_1a15fdb7-9785-4c1c-95c6-97ff058e543a-9ec42be1, #w-node-_1a15fdb7-9785-4c1c-95c6-97ff058e543b-9ec42be1, #w-node-_1a15fdb7-9785-4c1c-95c6-97ff058e543c-9ec42be1, #w-node-_9bc7bac3-2d5c-7749-92b0-8f54c70202dc-9ec42be1, #w-node-_9bc7bac3-2d5c-7749-92b0-8f54c70202eb-9ec42be1, #w-node-_9bc7bac3-2d5c-7749-92b0-8f54c70202fa-9ec42be1, #w-node-f879ae0a-68cb-3f16-b916-27c14d9f15c7-78e51243, #w-node-f879ae0a-68cb-3f16-b916-27c14d9f15c8-78e51243, #w-node-afbb581a-9fe0-9403-ae7d-2e0d6cb43d87-78e51243, #w-node-_542f57f6-6bb6-bcc1-34bf-ba34e76d41ad-78e51243, #w-node-_6e73ce20-6da9-fd57-fe85-ac535c8b2f88-78e51243, #w-node-f879ae0a-68cb-3f16-b916-27c14d9f15c7-4e8a4fb5, #w-node-f879ae0a-68cb-3f16-b916-27c14d9f15c8-4e8a4fb5, #w-node-afbb581a-9fe0-9403-ae7d-2e0d6cb43d87-4e8a4fb5, #w-node-_6e73ce20-6da9-fd57-fe85-ac535c8b2f88-4e8a4fb5, #w-node-afbb581a-9fe0-9403-ae7d-2e0d6cb43d87-5b083dc4, #w-node-a2af3999-593a-ad6d-5dfd-31430a1487ca-5b083dc4, #w-node-d5a40fcd-35a4-f5af-b2d9-2f2a78e3cbc5-7b1bf9cc, #w-node-_7c9cb1b2-cdde-2e9a-a353-d971891b1497-7b1bf9cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_91e5e793-7e28-fe42-fcd6-380a2713b735-7b1bf9cc {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_32549e40-36a2-1c9e-75d4-5accc4093003-7b1bf9cc, #w-node-d5a40fcd-35a4-f5af-b2d9-2f2a78e3cbc5-68b5c08e, #w-node-_7c9cb1b2-cdde-2e9a-a353-d971891b1497-68b5c08e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_91e5e793-7e28-fe42-fcd6-380a2713b735-68b5c08e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_12f6b27c-5ea9-2d7e-e9a7-1efed0fd5cad-68b5c08e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Helvetica 587 Ebe 5 A 59211';
  src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-BoldOblique.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Oblique.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk Bold';
  src: url('../fonts/SpaceGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk Light';
  src: url('../fonts/SpaceGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk Medium';
  src: url('../fonts/SpaceGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk Regular';
  src: url('../fonts/SpaceGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fonseca Free Ver';
  src: url('../fonts/Fonseca-Bold---Free-ver.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Compressed 5871 D 14 B 6903 A';
  src: url('../fonts/helvetica-compressed-5871d14b6903a.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Rounded 5871 D 05 Ead 8 De';
  src: url('../fonts/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}