/*/////////////////////////////////////////*/
/* ------------- TEST GROUND ------------- */

/*.column1 {*/
/*  transition: top 0.2s;*/
/*  position: relative;*/
/*  top: 10rem;*/
/*}*/

.tab-vid-mob {
  display: none;
}

.column2 {
  transition: top 0.2s;
  position: relative;
  top: 10rem;
}

.column3 {
  transition: top 0.2s;
  position: relative;
  top: 15rem;
}

.tabook-app-video {
  border: none;
  position: absolute;
  top: 0px;
  left: -24px;
  height: 95%;
  width: 112%;
  transform: scale(0.92, 1);
}

.phone-overlay {
  position: absolute;
  z-index: 1;
  width: 27%;
  height: 104%;
  margin-left: -2.5%;
  pointer-events: none;
}

.tabook-app-underlay {
  position: relative;
  height: 93%;
  width: 96%;
  margin-top: 9%;
  margin-right: 0%;
  margin-left: 1%;
  object-fit: fill;
  overflow: hidden;
  padding-left: 3%;
  background-color: black;
  border-radius: 2rem;
}

.container-fluid.cards-parallax {
  margin: 0;
  width: 143%;
  position: relative;
  left: -14%;
}

.center-column-cards {
  width: 23%;
}

/*//////////////////////////////////////////*/

.the-tabook-app::after {
  content: 'The Tabook app.';
}

.founder_container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: max(6.5%, 20px);
}

.labelCEO::after {
  content: 'CEO';
}

.labelCEO:hover::after {
  content: "Chief \a Executive \a Officer";
  font-size: 1rem !important;
  position: absolute;
  white-space: pre-line;
}

.labelCEO:hover {
  margin-bottom: 4.25rem !important;
}

.labelCTO::after {
  content: 'CTO';
}

.labelCTO:hover::after {
  content: "Chief \a Technology \a Officer";
  font-size: 1rem !important;
  position: absolute;
  white-space: pre-line;
}

.labelCTO:hover {
  margin-bottom: 4.25rem !important;
}

.labelCSO::after {
  content: 'CSO';
}

.labelCSO:hover::after {
  content: "Chief \a Strategy \a Officer";
  font-size: 1rem !important;
  position: absolute;
  white-space: pre-line;
}

.labelCSO:hover {
  margin-bottom: 4.25rem !important;
}

.labelCO_Founder::after {
  content: "CO-Founder";
  font-size: 1.1rem !important;
  position: absolute;
  white-space: pre-line;
}

.labelCO_Founder {
  margin-bottom: 4.25rem !important;
}


section.video-1st {
  overflow: hidden !important;
  transform-style: preserve-3d;
  position: relative;
  height: 100vh;
  max-height: 1080px;
  background-color: #000606 !important;
}

.hero-wrap {
  max-width: 1980px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.section.video-1st video {
  position: relative;
  z-index: 0;
}

.overlay {
  position: absolute;
  z-index: 1;
}

.fnTGAN {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.align-items-center {
  align-items: center !important;
}

.text-lg-start {
  text-align: left !important;
}

.mb-lg-0 {
  margin-bottom: 0 !important;
}

.pe-md-4 {
  padding-right: 1rem !important;
}

.headline {
  font-size: clamp(3.8rem, 8vw, 6rem) !important;
  margin-top: 12rem;
  margin-left: 18rem;
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

.headline-subtitle {
  margin-left: 18rem;
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  display: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #8b8b8b;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #5291bb;
}

.linkedin-link {
  max-width: 2rem;
}

body {
  color: white;
  background: #2C2C2C;
}

.navbar {
  top: -20px !important;
  background: #2C2C2C;
}

/* Ensures that navigation items are at the left of the screen on a wider display */
.navbar-collapse {
  justify-content: end;
  padding-right: 5%;
}

.container-fluid {
  padding: 0;
}

.second-border {
  border: 1px solid #3c3c3c !important
}

.section.goals-section {
  margin: 2rem 0rem 7rem 0rem !important;
  padding: 0rem 0rem 0rem 0rem !important;
}

.bg-feature {
  background-color: rgba(23, 23, 23, 0.47);
  border: 0.8rem solid #2c2c2c !important;
}

.bg-feature.faq-sec {
  background-color: rgba(23, 23, 23, 0);
  border: 0.8rem solid #2c2c2c !important;
}

.bg-feature.faq-sec:hover {
  background-color: rgba(23, 23, 23, 0.47);
}

.text-faq-ans {
  color: #bebebe;
}

a.anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

a.faq {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

.overlay-mobile {
  display: none;
}

img.emoji {
  /* Since we are using SVGs, you have to change the width using CSS */
  width: 4em;

  /*
  This is to make the emojis feel like actual emojis to
  the user and they won't act like images. This makes the emojis
  non-reactive to any mouse events such as dragging,
  hovering, clicking etc. Makes it feel like its actual text.
  */
  pointer-events: none;
}

#camera {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

img.emoji.vision {
  width: 2rem;
}

img.emoji.cat {
  width: 2rem;
}

#carousel {
  width: 100% !important;
}

button.carousel-control-prev,
button.carousel-control-next {
  max-height: 50%;
  margin-top: 15rem;
}

button.carousel-control-prev {
  border-radius: 0rem 5rem 5rem 0rem;
}

button.carousel-control-next {
  border-radius: 5rem 0rem 0rem 5rem;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: brightness(0%);
}

button.carousel-control-prev:hover,
button.carousel-control-next:hover {
  background-color: rgba(0, 0, 0, 0.658);
}

button.carousel-control-prev,
button.carousel-control-next {
  background-color: rgba(0, 0, 0, 0);
}

#download {
  padding-top: 4rem;
  padding-bottom: 1rem;
}

.img0 {
  max-width: 70% !important;
}

.linkdIN-btn {
  background-color: #00aecb;
  padding: 1rem 1rem 1rem 1rem;
  max-width: 35vw;
  border-radius: 1rem;
}

.read-more-btn {
  background-color: #00aecb;
  padding: 0.5rem;
  width: 15rem;
  border-radius: 2rem;
  border: none;
}

.read-more-btn:hover {
  background-color: #0069cb;
  -webkit-transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
  -ms-transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
  transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
}

.linkdIN-btn:hover {
  background-color: #0069cb;
  -webkit-transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
  -ms-transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
  transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
}

#purpose {
  background-image: url("photos/ourgoalcircle.svg"),
    url("photos/ourgoalcirclebig.svg");
  background-repeat: no-repeat;
  background-position: right;
}

.quote {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

#goal {
  background-image: url("photos/ourgoalbackground.svg");
  display: flex;
  background-position: left top;
  background-repeat: no-repeat;
  font-family: Montserrat;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  align-content: center;
}

/*#appfeats {*/
/*  background-image: url("photos/appfeaturesbackground.svg");*/
/*  background-repeat: no-repeat;*/
/*  padding-bottom: 10rem;*/
/*}*/

#founders {
  gap: 20px;
  padding-top: 14rem;
  max-width: 143%;
  max-height: 100%;
  width: 100vw !important;
  margin-left: -15vw;
  padding: 5rem 5rem 5rem 5rem !important;
  display: flex;
  align-self: center;
  flex-direction: column;
  background-color: #2c2c2c;
}

.mystery_box_btn {
  border-radius: 4px;
  background-color: rgb(255, 168, 0);
  font-size: 1.5rem;
  border: none;
  box-shadow: 0 8px 16px 0 rgba(237, 158, 1, 0.2), 0 6px 20px 0 rgba(219, 146, 1, 0.19);
  padding: 1rem;
  font-family: 'Montserrat';
}


.mystery_box_btn:hover {
  background-color: #09c24d;
}

@media screen and (min-width: 820px) {
  .image-1 {
    max-width: 80%;
    margin-left: 7rem;
  }

  #founders {
    background-image: url(photos/Desktop-foundersbackground.svg),
      url(photos/Desktop-foundersbackground2.svg);
    background-repeat: no-repeat;
    padding: 5rem 5rem 10rem 5rem !important;
  }
}

@media screen and (max-width: 820px) {
  #founders {
    background-image: url(photos/foundersbackground.svg),
      url(photos/foundersbackground2.svg);
    background-repeat: no-repeat;
  }

  .header-cta-image,
  .cta-text-right {
    width: 100%;
  }
}

.navbar {
  -moz-box-shadow: 0px 0px 0.5rem 0px rgb(0, 0, 0);
  -webkit-box-shadow: 0px 0px 0.5rem 0px rgb(0, 0, 0);
  box-shadow: 0px 0px 0.5rem 0px rgb(0, 0, 0);
}

.h1 {
  font-size: 4rem;
  font-family: Montserrat;
  font-weight: 800;
}

.h2 {
  font-size: 2.5rem;
  font-family: Montserrat;
  font-weight: 800;
}

.lead {
  font-size: 1.3rem;
  font-family: Montserrat;
  font-weight: 300;
}

.lead.purpose {
  text-align: left;
  text-justify: inter-word;
}

.rounded-3 {
  border-radius: 1rem !important;
}


.content {
  max-width: 70% !important;
  overflow: visible;
}

.btn-founders {
  color: #ffffff;
  background-color: #00aecb;
  border-radius: 10px;
}

.btn-founders:hover {
  /*color: white;*/
  /*background-color: #0069cb;*/
  /*-webkit-transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);*/
  /*-ms-transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);*/
  /*transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);*/
}

#playpause {
  background-image: url(photos/playbtn.png);
  background-repeat: no-repeat;
  width: 25%;
  height: 25%;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  margin: auto;
  background-size: contain;
  background-position: center;
}

.btn-survey:hover {
  color: white;
  background-color: #0069cb;
  -webkit-transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
  -ms-transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
  transition: background-color 500ms cubic-bezier(0.05, 0.53, 0.5, 0.98);
}

.txt-quote {
  font-size: 2rem;
  font-family: Montserrat;
}

#reviews {
  padding-left: 2rem !important;
  max-width: 80vw !important;
}

.btn-reviews {
  height: 3rem;
  width: 3rem;
  margin: 7rem 0rem 2rem 0rem !important;
  cursor: pointer;
}

.btn-survey {
  color: #ffffff;
  background-color: #00aecb;
  border-radius: 10px;
}

.rev-pict {
  height: 10rem;
  width: 10rem;
}

.rev {
  margin: 0rem 2rem 0rem 2rem;
}

#founder1 {
  gap: 20px;
}

/*HORIZONTAL SCREENS*/

@media screen and (min-width: 1440px) {

  .lead {
    font-size: 1.5rem;
  }

  .h2 {
    padding-top: 1rem;
    font-size: 2.8rem;
  }

  .h1 {
    font-size: 3rem;
  }

  .titl-join {
    font-size: 4rem;
    padding-left: 1.5rem;
  }

  .btn-survey {
    padding: 1rem 1rem 1rem 1rem;
    margin: 1rem 0rem -2rem 0rem;
    font-size: 1.5rem;
  }

  .img13 {
    margin: 0rem 0rem 0rem -1rem;
  }

  .img14 {
    margin: 4rem -2rem 2rem -2rem;
  }

  .txt12 {
    margin: 0rem 0rem 4rem 0rem;
  }

  .rev {
    margin: 0rem 0rem 1rem 1rem;
  }

  .btn-reviews {
    height: 3rem;
    width: 3rem;
    margin: 5rem 0rem 2rem -2rem !important;
    cursor: pointer;
  }

  #reviews {
    padding-left: 2rem !important;
    max-width: 102vw !important;
  }

  .rev-text {
    margin-top: 0rem !important;
  }

  .readers.rev {
    max-width: 100vw !important;
  }

  .btn-next.h2 {
    padding-top: 0rem !important;
    font-size: 2.6rem !important;
  }

  .btn-rev-2 {
    margin-top: 5rem !important;
    margin-left: 1rem !important;
  }

  .txt-quote {
    padding-top: 0rem;
    margin: 0rem 0.2rem 0rem 1.2rem;
  }

  .t2nd-column.col-md-1 {
    display: block;
  }

  .founder {
    width: 23.1%;
    max-width: 31rem;
    margin-right: 0.5rem;
  }

  #founder1 {
    gap: 20px;
    margin-left: 3rem;
  }

  .btn-founders {
    padding: 1rem 0rem 1rem 0rem;
    margin: 3rem 0rem -2rem 3rem;
  }

  .labelCO_Founder::after {
    font-size: 1rem;
  }

  .founder_container {
    gap: 1.65%;
  }

  /* Prevents text of founder names feeling to cramped when vw is just over 1441px*/
  .founder_id {
    padding-left: 1.2rem !important;
  }

  p.txt-pergamon {
    text-align: justify;
    text-justify: inter-word;
    padding: 3rem 12rem 1rem 2rem;
  }

  .img10 {
    width: 32rem;
  }

  .titl-pergamon {
    padding: 1rem 1rem 1rem 1rem;
  }

  .txt10 {
    margin: -34rem 0rem -3rem 7rem;
    padding: 9rem 0rem 0rem 0rem;
  }

  .section {
    padding-bottom: 34rem;
  }

  .faq-section {
    padding-bottom: 0rem;
    margin-top: 15rem;
  }

  .txt9 {
    margin: 0rem 1rem 10rem 13rem;
  }

  .title-insight {
    padding-right: 14rem;
    margin-left: -1rem;
  }

  .title-crypto {
    padding-left: 14.8rem;
    padding-right: 16rem;
  }

  .title-buysell {
    padding-left: 6rem;
  }

  .img9 {
    margin: 2rem -2rem 0rem -11rem;
  }

  .txt8 {
    margin: 0rem 1rem 10rem 6rem;
  }

  .img8 {
    margin: 1rem 0rem 0rem 0rem;
  }

  .txt7 {
    margin: 0rem 1rem 10rem 3rem;
  }

  .img7 {
    margin: 0rem 3rem 10rem 0rem;
  }

  .txt6 {
    margin: 0rem 0rem 10rem 12rem;
    padding-right: 11rem;
  }

  .img6 {
    margin: 1rem 0rem 0rem 0rem;
  }

  .titl-share {
    margin: 0rem 0rem 1rem 7rem !important;
  }

  .txt-share {
    padding-left: 0rem;
    margin-left: 7rem;
  }

  .blk-share {
    padding-left: 10rem;
    margin-left: -8rem;
  }

  .txt5 {
    margin: 0rem 0rem 10rem 0rem;
    text-align: start;
  }

  .headln.h2 {
    margin: 0rem 0rem 1rem 0rem;
  }

  .img5 {
    margin: 0rem -4rem 0rem 2rem;
  }

  .img4-1 {
    margin: 0rem 0rem 0rem 24rem;
    padding: 1rem 0rem 0rem 0rem;
    width: 15rem !important;
  }

  .hdr4.h1 {
    padding-top: 0rem;
    margin: 8rem 0rem 0rem 21rem;
  }

  .txt4 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 0rem;
    position: relative;
    top: 3rem;
  }

  .img4 {
    top: 1rem;
    position: relative;
  }

  hr.hr1 {
    opacity: 1;
    margin: 9rem 0rem 0rem 35rem;
    height: 0.3rem;
    width: 23rem;
  }

  hr.hr2 {
    opacity: 1;
    margin: 0rem 0rem 6rem 33rem;
    height: 0.3rem;
    width: 23rem;
  }

  #solution.row {
    margin: -14rem -1rem 14rem -8rem;
    padding: 0rem 0rem 0rem 0rem;
  }

  .hdr3.h2 {
    padding-top: 1rem;
  }

  .hdr3.h1 {
    font-size: 4rem;
    position: relative;
    top: 5rem;
    left: 8rem;
    margin-bottom: 9rem;
  }

  .txt3 {
    padding: 1rem 0rem 1rem 3rem;
    margin: -2rem 0rem -7rem 11rem;
    position: relative;
    top: -5rem;
    font-size: 5rem;
  }

  .g1 {
    margin-bottom: 7rem;
    margin-top: 14.5rem;
  }

  .g2 {
    margin-bottom: 6rem;
  }

  .g3 {
    margin-bottom: -16em;
  }

  .txt3.goals {
    position: relative;
    top: -49rem;
    padding-right: 3rem;
    text-align: start;
  }

  .img3 {
    top: -7rem;
    position: relative;
    width: 38rem;
    height: 41rem;
    overflow: hidden;
    margin-left: 0;
  }

  #goal {
    margin: 0rem 0rem 0rem auto;
    padding: 2rem 0rem 0rem 15rem;
  }

  .hdr2.h2 {
    padding-bottom: 2rem;
    text-align: center;
  }

  .hdr2.lead {
    text-align: right;
  }

  .txt2 {
    padding: 2rem 24rem 1rem 2rem;
    margin: 0rem 1rem 0rem 48rem;
    position: relative;
    top: -26rem;
  }

  .img2 {
    top: 3rem;
    position: relative;
    width: 45rem;
  }

  #purpose.row {
    margin: -5rem auto 9rem 0rem;
    padding: 5rem 0rem 0rem 0rem;
  }

  .purpose-par {
    padding-right: 23rem;
  }

  .txt1 {
    padding-left: 5rem;
    margin-bottom: 1.5rem;
    padding-right: 0rem;
    margin-top: 5rem;
  }

  .img1 {
    margin: 0rem 0rem 0rem -5rem;
  }

  .hdr1.h2 {
    padding-top: 1rem;
  }

  #vr1.vr {
    width: 4px;
    min-height: 13rem;
    opacity: 1;
    margin-top: 4rem;
    margin-left: 0rem;
  }

  #covered {
    margin: 4rem -1rem 6rem -1rem;
  }

  #footer {
    align-content: center;
    -webkit-box-shadow: 0 -5px 50px 5px #000000;
    box-shadow: 0 -5px 50px 5px #000000;
  }

  .footr.lead {
    font-size: 1rem;
  }

  .vr {
    height: 20vh;
    width: 0.3rem;
    color: white;
    opacity: 1;
    margin: 10rem 0 0 5rem;
  }

  .nav.container-fluid {
    padding-left: 14% !important;
  }

  .nav-item {
    width: 120px;
  }
}

/* This prevents the "Founders" Section title from being black on a dark-grey background when 1440px < vw < 1590px */

@media screen and (min-width: 1441px) and (max-width: 1590px) {
  .founders-titl {
    top: -0.4rem !important;
  }
}

/* Background img scaling on ultrawide displays */
@media screen and (min-width: 2000px) {
  #founders {
    background-size: cover;
  }
}

@media screen and (max-width: 1440px) {
  .founders-titl {
    color: white !important;
  }

  .founder_id {
    margin-left: 0.5rem !important;
  }

  .headline {
    font-size: clamp(2.8rem, 7vw, 6rem) !important;
    margin-top: 12rem;
    margin-left: 7rem;
  }

  .headline-subtitle {
    margin-left: 7rem;
  }

  .lead {
    font-size: 1.5rem;
  }

  .h2 {
    padding-top: 1rem;
    font-size: 2.8rem;
  }

  .h1 {
    font-size: 3rem;
  }

  .titl-join {
    font-size: 4rem;
    padding-left: 1.5rem;
  }

  .btn-survey {
    padding: 1rem 1rem 1rem 1rem;
    margin: 1rem 0rem -2rem 0rem;
    font-size: 1.5rem;
  }

  .img13 {
    margin: 0rem 0rem 0rem -1rem;
  }

  .img14 {
    margin: 4rem -2rem 2rem -2rem;
  }

  .txt12 {
    margin: 0rem 0rem 4rem 0rem;
  }

  .rev {
    margin: 0rem 0rem 1rem 1rem;
  }

  /*.content {*/
  /*  max-width: 100% !important;*/
  /*  overflow: hidden;*/
  /*}*/


  .btn-reviews {
    height: 3rem;
    width: 3rem;
    margin: 10rem 0rem 2rem -2rem !important;
    cursor: pointer;
  }

  #reviews {
    padding-left: 2rem !important;
    max-width: 102vw !important;
  }

  .rev-text {
    margin-top: 0rem !important;
  }

  .readers.rev {
    max-width: 100vw !important;
  }

  .btn-next.h2 {
    padding-top: 0rem !important;
    font-size: 2.6rem !important;
  }

  .btn-rev-2 {
    margin-top: 10rem !important;
    margin-left: 1rem !important;
  }

  .txt-quote {
    padding-top: 0rem;
    margin: 0rem 0.2rem 0rem 1.2rem;
  }

  .t2nd-column.col-md-1 {
    display: block;
  }

  .founder {
    width: 33%;
    max-width: 25rem;
  }

  .btn-founders {
    padding: 1rem 0rem 1rem 0rem;
    margin: 3rem 0rem -2rem 3rem;
  }

  p.txt-pergamon {
    text-align: justify;
    text-justify: inter-word;
    padding: 3rem 9rem 1rem 2rem;
  }

  .img10 {
    width: 33rem;
  }

  .titl-pergamon {
    padding: 1rem 1rem 1rem 6rem;
  }

  .txt10 {
    margin: -34rem 0rem -3rem 7rem;
    padding: 9rem 0rem 0rem 0rem;
  }

  .section {
    padding-bottom: 34rem;
  }

  .faq-section {
    padding-bottom: 5rem;
  }

  .txt9 {
    margin: 0rem 1rem 10rem 13rem;
  }

  .title-insight {
    padding-right: 14rem;
    margin-left: -1rem;
  }

  .title-crypto {
    padding-left: 6.8rem;
  }

  .title-buysell {
    padding-left: 6rem;
  }

  .img9 {
    margin: 2rem -2rem 0rem -11rem;
  }

  .txt8 {
    margin: 0rem 1rem 10rem 6rem;
  }

  .img8 {
    margin: 1rem 0rem 0rem 0rem;
  }

  .txt7 {
    margin: 0rem 1rem 10rem 3rem;
  }

  .img7 {
    margin: 0rem 3rem 10rem 0rem;
  }

  .txt6 {
    margin: 0rem 0rem 10rem 12rem;
    padding-right: 11rem;
  }

  .img6 {
    margin: 1rem 0rem 0rem 0rem;
  }

  .titl-share {
    margin: 0rem 0rem 1rem 7rem !important;
  }

  .txt-share {
    padding-left: 0rem;
    margin-left: 7rem;
  }

  .blk-share {
    padding-left: 10rem;
    margin-left: -8rem;
  }

  .txt5 {
    margin: 0rem 0rem 10rem 0rem;
    text-align: start;
  }

  .headln.h2 {
    margin: 0rem 0rem 1rem 0rem;
  }

  .img5 {
    margin: 0rem -4rem 0rem 2rem;
  }

  .img4-1 {
    margin: 0rem 0rem 0rem 16rem;
    padding: 1rem 0rem 0rem 0rem;
  }

  .hdr4.h1 {
    padding-top: 0rem;
    margin: 8rem 0rem 0rem 12.5rem;
  }

  .txt4 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 0rem;
    position: relative;
    top: 3rem;
  }

  .img4 {
    top: 1rem;
    position: relative;
  }

  hr.hr1 {
    opacity: 1;
    margin: 9rem 0rem 0rem 35rem;
    height: 0.3rem;
    width: 23rem;
  }

  hr.hr2 {
    opacity: 1;
    margin: 0rem 0rem 6rem 33rem;
    height: 0.3rem;
    width: 23rem;
  }

  #solution.row {
    margin: -14rem -1rem 14rem -1rem;
    padding: 0rem 0rem 0rem 0rem;
  }

  .hdr3.h2 {
    padding-top: 1rem;
  }

  .hdr3.h1 {
    font-size: 4rem;
    position: relative;
    top: 5rem;
    left: 8rem;
    margin-bottom: 9rem;
  }

  .txt3 {
    padding: 1rem 0rem 1rem 3rem;
    margin: -2rem 0rem -7rem 11rem;
    position: relative;
    top: -5rem;
    font-size: 5rem;
  }

  .g1 {
    margin-bottom: 7rem;
    margin-top: 14.5rem;
  }

  .g2 {
    margin-bottom: 6rem;
  }

  .g3 {
    margin-bottom: -16em;
  }

  .txt3.goals {
    position: relative;
    top: -49rem;
    padding-right: 3rem;
    text-align: start;
  }

  .img3 {
    top: -7rem;
    position: relative;
    width: 38rem;
    height: 41rem;
    overflow: hidden;
    margin-left: 0;
  }

  #goal {
    margin: 0rem 0rem 0rem 0rem;
    padding: 2rem 0rem 0rem 3rem;
  }

  /*.hdr2.h2 {*/
  /*  padding-bottom: 1rem;*/
  /*}*/

  .hdr2.lead {
    text-align: right;
  }

  .txt2 {
    padding: 2rem 24rem 1rem 2rem;
    margin: 0rem 1rem 0rem 44rem;
    position: relative;
    top: -20rem;
  }

  .img2 {
    top: 3rem;
    position: relative;
    width: 40rem;
  }

  #purpose.row {
    margin: -5rem auto 9rem -6rem;
    padding: 5rem 0rem 0rem 0rem;
  }

  .purpose-par {
    padding-right: 18rem;
    margin-top: -3rem;
  }

  .purpose {
    font-size: 1.2rem;
  }

  .txt1 {
    padding-left: 5rem;
    margin-bottom: 1.5rem;
    padding-right: 0rem;
    margin-top: 5rem;
  }

  .img1 {
    margin: 0rem 0rem 0rem -5rem;
  }

  .hdr1.h2 {
    padding-top: 1rem;
  }

  #vr1.vr {
    width: 4px;
    min-height: 13rem;
    opacity: 1;
    margin-top: 4rem;
    margin-left: 0rem;
  }

  #covered {
    margin: 4rem -1rem 6rem -1rem;
  }

  .navbar-toggler {
    margin-right: 0.5rem;
  }

  .container-fluid.nav {
    padding-left: 10% !important;
  }

  .nav-item {
    width: 120px;
  }


}

.super-container {
  max-width: 100vw !important;
  overflow: hidden;
}


#purpose.row {
  margin-right: -15vw;
}

#goal {
  margin-left: -15vw;
}

@media screen and (max-width: 1112px) {
  #founders {
    margin: 0;
  }

  .headline {
    font-size: clamp(2.8rem, 7vw, 6rem) !important;
    margin-top: 13rem;
    margin-left: 9rem;
  }

  #purpose {
    background-image: none;
  }

  .purpose-par {
    padding-left: 6rem;
    padding-right: 3rem;
    margin-top: -2rem;

  }

  .headline-subtitle {
    margin-left: 9rem;
  }

  .fnTGAN {
    right: -15%;
    width: 115%;
  }

  .content {
    max-width: 100% !important;
    overflow: hidden;
  }

  .lead {
    font-size: 1.2rem;
  }

  .h2 {
    padding-top: 1rem;
    font-size: 1.8rem;
  }

  .h1 {
    font-size: 2.2rem;
  }

  .btn-survey {
    padding: 1rem 1rem 1rem 1rem;
    margin: 1rem 0rem -2rem 0rem;
    font-size: 1.3rem;
  }

  .img13 {
    margin: 0rem 0rem 0rem -1rem;
  }

  .img14 {
    margin: 4rem -2rem 2rem -2rem;
  }

  .txt12 {
    margin: 0rem 0rem 3rem 0rem;
  }

  .rev {
    margin: 0rem 0rem 1rem 1rem;
  }

  .btn-reviews {
    height: 3rem;
    width: 3rem;
    margin: 11rem 0rem 2rem -2rem !important;
    cursor: pointer;
  }

  #reviews {
    padding-left: 2rem !important;
    max-width: 102vw !important;
  }

  .rev-text {
    margin-top: 0rem !important;
  }

  .readers.rev {
    max-width: 100vw !important;
  }

  .btn-next.h2 {
    padding-top: 0rem !important;
    font-size: 2.6rem !important;
  }

  .btn-rev-2 {
    margin-top: 11rem !important;
    margin-left: 1rem !important;
  }

  .txt-quote {
    padding-top: 0rem;
    margin: 0rem 0.2rem 0rem 1.2rem;
  }

  .t2nd-column.col-md-1 {
    display: none;
  }

  .founder {
    width: 24rem;
    max-width: 25rem;
  }

  .btn-founders {
    padding: 1rem 0rem 1rem 0rem;
    margin: 3rem 0rem -2rem 3rem;
  }

  p.txt-pergamon {
    text-align: justify;
    text-justify: inter-word;
    padding: 3rem 1rem 1rem 3rem;
  }

  .img10 {
    width: 23rem;
  }

  .titl-pergamon {
    padding: 1rem 1rem 1rem 4rem;
  }

  .txt10 {
    margin: -34rem 0rem -3rem 7rem;
    padding: 9rem 0rem 0rem 0rem;
  }

  .section {
    padding-bottom: 34rem;
  }

  .faq-section {
    padding-bottom: 5rem;
  }

  .txt9 {
    margin: 0rem 1rem 10rem 13rem;
  }

  .title-insight {
    padding-left: 0;
    margin-left: 0;
  }

  .title-crypto {
    padding-left: 6.8rem;
  }

  .title-buysell {
    padding-left: 6rem;
  }

  .img9 {
    margin: 11rem -2rem 0rem -12rem;
  }

  .txt8 {
    margin: 0rem 1rem 10rem 6rem;
  }

  .img8 {
    margin: 1rem 0rem 0rem 0rem;
  }

  .txt7 {
    margin: 0rem 1rem 10rem 3rem;
  }

  .img7 {
    margin: 1rem -2rem 0rem 0rem;
  }

  .txt6 {
    margin: 0rem 1rem 10rem 5rem;
  }

  .img6 {
    margin: 1rem 0rem 0rem 0rem;
  }

  .titl-share {
    margin: 0rem 0rem 1rem 7rem !important;
  }

  .txt-share {
    padding-left: 0rem;
    margin-left: 7rem;
  }

  .txt5 {
    margin: 0rem 0rem 10rem 0rem;
    text-align: start;
  }

  .headln.h2 {
    margin: 0rem 0rem 1rem 0rem;
  }

  .img5 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .img4-1 {
    margin: 0rem 0rem 0rem 9.5rem;
    padding: 1rem 0rem 0rem 0rem;
  }

  .hdr4.h1 {
    padding-top: 0rem;
    margin: 8rem 0rem 0rem 8.5rem;
  }

  .txt4 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 0rem;
    position: relative;
    top: 3rem;
  }

  .img4 {
    top: 1rem;
    position: relative;
  }

  hr.hr1 {
    opacity: 1;
    margin: 9rem 0rem 0rem 23rem;
    height: 0.25rem;
    width: 22rem;
  }

  hr.hr2 {
    opacity: 1;
    margin: 2rem 0rem 5rem 21rem;
    height: 0.25rem;
    width: 19rem;
  }

  #solution.row {
    margin: -11rem -1rem 14rem -1rem;
    padding: 0rem 0rem 0rem 0rem;
  }

  .hdr3.h2 {
    padding-top: 1rem;
  }

  .hdr3.h1 {
    font-size: 4rem;
    position: relative;
    top: 5rem;
    left: 8rem;
    margin-bottom: 9rem;
  }

  .txt3 {
    padding: 1rem 0rem 1rem 3rem;
    margin: -2rem 0rem -7rem 11rem;
    position: relative;
    top: -5rem;
    font-size: 3rem;
  }

  .g1 {
    margin-bottom: 7rem;
    margin-top: 14.5rem;
  }

  .g2 {
    margin-bottom: 6rem;
  }

  .g3 {
    margin-bottom: -16em;
  }

  .txt3.goals {
    position: relative;
    top: -50rem;
    padding-right: 0rem;
    text-align: start;
  }

  .img3 {
    top: -12rem;
    position: relative;
    width: 32rem;
    height: 33rem;
    overflow: hidden;
    margin-left: -2rem;
  }

  #goal {
    margin: 0rem 0rem 1rem 0rem;
    padding: 5rem 0rem 0rem 4rem;
  }

  /*.hdr2.h2 {*/
  /*  padding-bottom: 1rem;*/
  /*}*/

  .hdr2.lead {
    text-align: right;
  }

  .txt2 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 1rem 1rem 0rem 21rem;
    position: relative;
    top: 0rem;
  }

  .img2 {
    top: 0rem;
    position: relative;
    width: 32rem;
  }

  #purpose.row {
    margin: -5rem -1rem 2rem -1rem;
    padding: 12rem 0rem 0rem 0rem;
  }

  .txt1 {
    padding-left: 7rem;
    margin-bottom: 1.5rem;
    padding-right: 0rem;
    margin-top: 5rem;
  }

  .hdr1.h2 {
    padding-top: 1rem;
  }

  #vr1.vr {
    width: 4px;
    min-height: 11em;
    opacity: 1;
    margin-top: 4rem;
    margin-left: 3rem;
  }

  #covered {
    margin: 4rem -1rem 6rem -1rem;
  }

  .navbar-toggler {
    margin-right: 0.5rem;
  }

  .container-fluid.nav {
    padding-left: 5% !important;
  }

  .nav-item {
    text-align: left !important;
  }


}



/*just for the navbar*/

@media screen and (max-width: 1070px) and (min-width: 992px) {

  /* Prevents final item from going off-screen under 1070px */
  .navbar-nav {
    flex-wrap: wrap;
  }

  .nav-item {
    text-align: center !important;
  }
}

@media screen and (max-width: 990px) {
  .navbar-nav {
    padding-left: 18.8rem;
  }

  .rigth-column-cards,
  .center-column-cards,
  .left-column-cards {
    display: none;
  }

  .tab-vid-mob {
    display: block;
    height: 100vh !important;
    width: 100vw !important;
  }

  .tabook-app-video-sm {
    border: none;
    position: absolute;
    height: 82%;
    width: 66%;
    border-radius: 10%;
    left: 13%;
    top: -1%;
  }
}

/*VERTICAL SCREENS*/
@media screen and (max-width: 820px) {

  .overlay-mobile {
    display: block;
    background-color: transparent;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(transparent, black, black, transparent);
    z-index: 1;
  }

  .overlay {
    z-index: 5;
  }

  .fix-adaptive {
    margin-left: -0.5rem !important;
  }

  .headline {
    font-size: clamp(3.8rem, 9vw, 4rem) !important;
    margin-top: 18rem;
    margin-left: 6rem;
    margin-right: 5rem;
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
  }

  .headline-subtitle {
    margin-right: 5rem;
    margin-left: 6rem;
  }

  .fnTGAN {
    right: -14%;
    width: 114%;
  }

}

@media screen and (max-width: 768px) {


  .purpose-par {
    padding: 5rem 20% 2rem 20%;
  }

  .rigth-column-cards,
  .center-column-cards,
  .left-column-cards {
    display: none;
  }

  .phone-overlay-sm {
    position: absolute;
    z-index: 1;
    width: 79%;
    height: 94%;
    margin-left: 5.5%;
    margin-top: -6%;
    pointer-events: none;
  }

  .tab-vid-mob {
    display: block;
    height: 100vh !important;
    width: 100vw !important;
  }

  .tabook-app-video-sm {
    border: none;
    position: absolute;
    height: 82%;
    width: 66%;
    border-radius: 10%;
    left: 13%;
    top: -1%;
  }

  .overlay-mobile {
    height: 200px;
    margin-top: -8rem;
  }

  span.carousel-control-prev-icon,
  span.carousel-control-next-icon {
    margin-top: 0rem !important;
  }

  /*.navbar {*/
  /*  top: 0px !important;*/
  /*}*/

  /*.img {*/
  /*  display: none;*/
  /*}*/

  button.carousel-control-prev,
  button.carousel-control-next {
    margin-top: 11rem;
  }

  .img0 {
    max-width: 80% !important;
  }

  .linkdIN-btn {
    max-width: 50vw;
  }

  #founders {
    margin: 0;
  }

  .blk-share {
    padding-left: 1rem;
  }

  .section {
    margin: 0;
    padding-left: 1rem;
    padding-bottom: 10rem;
  }

  .faq-section {
    padding-bottom: 5rem;
  }

  .title-crypto,
  .title-buysell {
    padding-right: 5rem;
  }

  .lead {
    font-size: 1rem;
  }

  .h2 {
    padding-top: 1rem;
    font-size: 1.6rem;
  }

  .h1 {
    font-size: 2rem;
  }

  .btn-survey {
    padding: 1rem 1rem 1rem 1rem;
    margin: 1rem 0rem -2rem 0rem;
    font-size: 1.3rem;
  }

  .img13 {
    margin: 0rem 0rem 0rem -1rem;
  }

  .img14 {
    margin: 4rem -2rem 2rem -2rem;
  }

  .txt12 {
    margin: 0rem 0rem 3rem 0rem;
  }

  .rev {
    margin: 0rem 4rem 1rem 3rem;
  }

  #reviews {
    padding-left: 2rem !important;
    max-width: 102vw !important;
  }

  .rev-text {
    margin-top: 0rem !important;
  }

  .readers.rev {
    max-width: 100vw !important;
  }

  .btn-next.h2 {
    padding-top: 0rem !important;
    font-size: 2.6rem !important;
  }

  .btn-rev-2 {
    margin-top: 1rem !important;
  }

  .txt-quote {
    padding-top: 0rem;
    margin: 0rem 0.2rem 0rem 1.2rem;
  }

  .founder {
    max-width: 24rem;
  }

  .btn-founders {
    padding: 1rem 0rem 1rem 0rem;
    margin: 3rem 0rem -2rem 3rem;
  }

  p.txt-pergamon {
    text-align: justify;
    text-justify: inter-word;
    padding: 3rem 1rem 1rem 3rem;
  }

  .img10 {
    width: 23rem;
  }

  .titl-pergamon {
    padding: 1rem 1rem 1rem 4rem;
  }

  .txt10 {
    margin: 2rem 1rem -3rem 1rem;
    padding: 9rem 0rem 0rem 0rem;
  }

  .txt9 {
    margin: 0rem 1rem 3rem 13rem;
  }

  .title-insight {
    padding-left: 1rem;
  }

  .title-crypto {
    padding-left: 6.8rem;
    padding-right: 5rem;
  }

  .title-buysell {
    padding-left: 6rem;
  }

  .img9 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .txt8 {
    margin: 0rem 1rem 3rem 6rem;
  }

  .img8 {
    margin: 1rem 0rem 0rem 6rem;
  }

  .txt7 {
    margin: 0rem 1rem 3rem 7rem;
  }

  .img7 {
    margin: 1rem -2rem 0rem 9rem;
  }

  .txt6 {
    margin: 0rem 1rem 3rem 7rem;
  }

  .img6 {
    margin: 1rem 0rem 0rem 8rem;
  }

  .txt-share {
    padding-left: 5rem;
  }

  .txt5 {
    margin: 0rem 1rem 3rem 11rem;
    text-align: end;
  }

  .headln.h2 {
    margin: 0rem 0rem 1rem 0rem;
  }

  .img5 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .img4-1 {
    margin: 0rem 0rem 0rem 6.5rem;
    padding: 1rem 0rem 0rem 0rem;
  }

  .hdr4.h1 {
    padding-top: 0rem;
    margin: 7rem 0rem 0rem 6.5rem;
  }

  .txt4 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 0rem;
    position: relative;
    top: 3rem;
  }

  .img4 {
    top: 1rem;
    position: relative;
  }

  hr.hr1 {
    opacity: 1;
    margin: 7rem 0rem 0rem 16rem;
    height: 0.25rem;
    width: 18rem;
  }

  hr.hr2 {
    opacity: 1;
    margin: 4rem 0rem 0rem 16rem;
    height: 0.25rem;
    width: 17rem;
  }

  #solution.row {
    margin: -20rem -1rem 14rem -1rem;
    padding: 12rem 0rem 0rem 0rem;
  }

  .hdr3.h2 {
    padding-top: 1rem;
  }

  .hdr3.h1 {
    font-size: 2rem;
    position: relative;
    top: 5rem;
    left: 8rem;
    margin-bottom: 8rem;
  }

  .txt3 {
    padding: 2rem 3rem 1rem 2rem;
    margin: -2rem -2rem -7rem 11rem;
    position: relative;
    top: -4rem;
  }

  .g1 {
    margin-bottom: 3rem;
    margin-top: 5.5rem;
  }

  .g2 {
    margin-bottom: 3rem;
  }

  .g3 {
    margin-bottom: -16em;
  }

  .txt3.goals {
    position: relative;
    top: -32rem;
    padding-right: 16rem;
    text-align: start;
  }

  .img3 {
    top: -6rem;
    position: relative;
    width: 33rem;
    height: 32rem;
    overflow: hidden;
    margin-left: 13rem;
  }

  #goal {
    margin: 0rem 0rem 1rem 0rem;
    padding: 5rem 0rem 0rem 4rem;
  }

  /*.hdr2.h2 {*/
  /*  padding-bottom: 1rem;*/
  /*}*/

  .hdr2.lead {
    text-align: right;
  }

  .txt2 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 13rem;
    position: relative;
    top: -1rem;
  }

  .img2 {
    top: -2rem;
    position: relative;
    width: 28rem;
  }

  #purpose.row {
    margin: -5rem -1rem 2rem -1rem;
    padding: 12rem 0rem 0rem 0rem;
  }

  .txt1 {
    padding-left: 7rem;
    margin-bottom: 1.5rem;
    padding-right: 3rem;
    margin-top: 1rem;
  }

  .hdr1.h2 {
    padding-top: 1rem;
  }

  #vr1.vr {
    width: 4px;
    min-height: 7em;
    opacity: 1;
    margin-top: 4rem;
    margin-left: 2rem;
  }

  #covered {
    margin: 4rem -1rem 6rem -1rem;
  }

  .navbar-toggler {
    margin-right: 0.5rem;
  }

  .container-fluid.nav {
    padding-left: 5% !important;
    padding-bottom: 0 !important;
    padding-top: 0.65rem !important;
    height: 100px;
    z-index: 100;
  }

}

@media screen and (max-width: 626px) {
  .overlay-mobile {
    height: 60vh;
    margin-top: -20rem;
    background-image: linear-gradient(transparent, black, black, transparent);
  }

  .header-cta-image,
  .cta-text-right {
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  .headline {
    margin-top: 8rem;
    margin-left: 3rem;
  }

  h1.headline {
    font-size: 40pt !important;
  }

  /*.purpose-par {*/
  /*  */
  /*  margin-top: 2rem;*/
  /*  margin-bottom: 2rem;*/
  /*}*/


  .headline-subtitle {
    margin-left: 3rem;
  }

  .fnTGAN {
    right: -50%;
    width: 200%;
  }

  span.carousel-control-prev-icon,
  span.carousel-control-next-icon {
    margin-top: 0rem !important;
  }

  button.carousel-control-prev,
  button.carousel-control-next {
    margin-top: 9rem;
  }

  .img0 {
    max-width: 90% !important;
  }

  .linkdIN-btn {
    max-width: 80vw;
  }

  .lead {
    font-size: 1.2rem;
  }

  .h2 {
    padding-top: 1rem;
    font-size: 1.8rem;
  }

  .h1 {
    font-size: 2.2rem;
  }

  .btn-survey {
    padding: 1rem 1rem 1rem 1rem;
    margin: 1rem 0rem -2rem 0rem;
  }

  .img13 {
    margin: 0rem 0rem 0rem 5rem;
  }

  .img14 {
    margin: 4rem -2rem 2rem -2rem;
  }

  .txt12 {
    margin: 0rem 0rem 3rem 0rem;
  }

  .rev {
    margin: 0rem 4rem 1rem 3rem;
  }

  #reviews {
    padding-left: 2rem !important;
    max-width: 102vw !important;
  }

  .rev-text {
    margin-top: 0rem !important;
  }

  .readers.rev {
    max-width: 100vw !important;
  }

  .btn-next.h2 {
    padding-top: 0rem !important;
    font-size: 2.6rem !important;
  }

  .btn-rev-2 {
    margin-top: 1rem !important;
  }

  .txt-quote {
    padding-top: 0rem;
    margin: 0rem 0.2rem 0rem 0.2rem;
  }

  .btn-founders {
    padding: 1rem 0rem 1rem 0rem;
    margin: 3rem 0rem -2rem 0rem;
  }

  .titl-pergamon {
    padding: 1rem 1rem 1rem 3rem;
  }

  p.txt-pergamon {
    text-align: initial;
    padding: 0rem 0rem 0rem 0rem;
  }


  .txt10 {
    margin: 0rem 2rem 0rem 2rem;
  }

  .txt9 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .title-insight {
    padding-left: 6.8rem;
  }

  .title-crypto {
    padding-left: 6.8rem;
  }

  .title-buysell {
    padding-left: 6rem;
  }

  .img9 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .txt8 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .img8 {
    margin: 1rem 0rem 0rem 6rem;
  }

  .txt7 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .img7 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .txt6 {
    margin: 0rem 1rem 3rem 3rem;
  }

  .img6 {
    margin: 1rem 0rem 0rem 3rem;
  }

  .title-insight {
    padding-right: 1rem;
    margin-left: -1rem;
  }

  .title-crypto {
    padding-right: 0rem;
  }

  .txt5 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .headln.h2 {
    margin: 0rem 0rem 1rem 0rem;
  }

  .img5 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .img4-1 {
    margin: -1rem 0rem 0rem 7.5rem;
    padding: 1rem 0rem 0rem 0rem;
  }

  .hdr4.h1 {
    padding-top: 0rem;
    margin: 0rem 0rem 0rem 6.5rem;
  }

  .txt4 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 0rem;
    position: relative;
    top: 3rem;
  }

  .img4 {
    top: 1rem;
    position: relative;
  }

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

  .txt6 {
    margin: 0rem 0rem 3rem 4rem;
    padding-right: 1rem;
  }

  .title-buysell {
    padding-right: 0rem;
  }

  .blk-share {
    margin: 0;
  }

  .titl-share {
    margin: 0rem 0rem 1rem 1rem !important;
  }

  .txt-share {
    padding-left: 0rem;
    margin-left: 4rem;
  }

  hr.hr1 {
    opacity: 1;
    margin: 7rem 0rem 0rem 7rem;
    height: 0.15rem;
    width: 15rem;
  }

  hr.hr2 {
    opacity: 1;
    margin: 4rem 0rem -2rem 6em;
    height: 0.15rem;
    width: 15rem;
  }

  #solution.row {
    margin: -20rem -1rem 14rem -1rem;
    padding: 12rem 0rem 0rem 0rem;
  }

  .hdr3.h2 {
    padding-top: 1rem;
  }

  .hdr3.h1 {
    font-size: 3rem;
    position: relative;
    top: 4rem;
    left: 8rem;
    margin-bottom: 9rem;
  }

  .txt3 {
    padding: 2rem 3rem 1rem 2rem;
    margin: -2rem -2rem -7rem 10rem;
    position: relative;
    top: -4rem;
  }

  .g1 {
    margin-bottom: 3.4rem;
  }

  .g2 {
    margin-bottom: 5.4rem;
  }

  .g3 {
    margin-bottom: -12em;
  }

  .txt3.goals {
    position: relative;
    top: -40rem;
    padding: 3rem 0rem 1rem 1rem;
  }

  .img3 {
    top: -12rem;
    position: relative;
    margin: 0;
  }

  #goal {
    margin: 0rem 0rem 1rem 0rem;
    padding: 5rem 0rem 0rem 0rem;
    position: relative;
    left: -5rem;
  }

  .hdr2.h2 {
    padding-top: 1rem;
  }

  .txt2 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 0rem;
    position: relative;
    top: 3rem;
  }

  .img2 {
    top: 1rem;
    position: relative;
  }

  #purpose.row {
    margin: -5rem -1rem 2rem -1rem;
    padding: 12rem 0rem 0rem 0rem;
  }

  .txt1 {
    padding-left: 33px;
    margin-bottom: 1.5rem;
    padding-right: 1rem;
  }

  .hdr1.h2 {
    padding-top: 1rem;
  }

  #vr1.vr {
    width: 4px;
    min-height: 7em;
    opacity: 1;
  }

  #covered {
    margin: 4rem -1rem 6rem -1rem;
  }

  .navbar-toggler {
    margin-right: 0.5rem;
  }

  .container-fluid.nav {
    padding-left: 0% !important;
  }


  .navbar-nav {
    padding-left: 2rem;
    background-color: #2c2c2c;
  }
}

@media screen and (max-width: 375px) {
  .navbar-nav {
    padding-left: 1rem;
    background-color: #2c2c2c;
  }

  .lead {
    font-size: 1rem;
  }

  .h2 {
    padding-top: 1rem;
    font-size: 1.6rem;
  }

  .h1 {
    font-size: 2rem;
  }

  .btn-survey {
    padding: 1rem 1rem 1rem 1rem;
    margin: 1rem 0rem -2rem 0rem;
  }

  .img13 {
    margin: 0rem 0rem 0rem 3.4rem;
  }

  .img14 {
    margin: 4rem -2rem 2rem -2rem;
  }

  .txt12 {
    margin: 0rem 0rem 3rem 0rem;
  }

  .rev {
    margin: 0rem 4rem 1rem 3rem;
  }

  #reviews {
    padding-left: 2rem !important;
    max-width: 102vw !important;
  }

  .rev-text {
    margin-top: 0rem !important;
  }

  .readers.rev {
    max-width: 100vw !important;
  }

  .btn-next.h2 {
    padding-top: 0rem !important;
    font-size: 2.6rem !important;
  }

  .btn-rev-2 {
    margin-top: 1rem !important;
  }

  .txt-quote {
    padding-top: 4rem;
    margin: 0rem 0.2rem 2rem 0.2rem;
  }

  .btn-founders {
    padding: 1rem 0rem 1rem 0rem;
    margin: 3rem 0rem -2rem 0rem;
  }

  p.txt-pergamon {
    text-align: justify;
    text-justify: inter-word;
  }


  .txt10 {
    margin: 2rem 1rem -3rem 1rem;
  }

  .txt9 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .title-insight {
    padding-left: 6.8rem;
  }

  .title-crypto {
    padding-left: 6.8rem;
  }

  .title-buysell {
    padding-left: 6rem;
  }

  .img9 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .txt8 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .img8 {
    margin: 1rem 0rem 0rem 4rem;
  }

  .txt7 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .img7 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .txt6 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .img6 {
    margin: 1rem 0rem 0rem 3rem;
  }

  .txt5 {
    margin: 0rem 1rem 3rem 1rem;
  }

  .headln.h2 {
    margin: 0rem 0rem 1rem 0rem;
  }

  .img5 {
    margin: 1rem -2rem 0rem -2rem;
  }

  .img4-1 {
    margin: 1rem 0rem 0rem 6rem;
    padding: 1rem 0rem 0rem 0rem;
  }

  .hdr4.h1 {
    padding-top: 1rem;
    margin: 0rem 0rem 1rem 6rem;
  }

  .txt4 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 0rem;
    position: relative;
    top: 3rem;
  }

  .img4 {
    top: 1rem;
    position: relative;
  }

  hr.hr1 {
    opacity: 1;
    margin: 7rem 0rem -5rem 5rem;
    height: 0.15rem;
    width: 15rem;
  }

  hr.hr2 {
    opacity: 1;
    margin: 4rem 0rem -2rem 4rem;
    height: 0.15rem;
    width: 15rem;
  }

  #solution.row {
    margin: -20rem -1rem 14rem -1rem;
    padding: 12rem 0rem 0rem 0rem;
  }

  .hdr3.h2 {
    padding-top: 1rem;
  }

  .hdr3.h1 {
    font-size: 2rem;
    position: relative;
    top: 5rem;
    left: 9rem;
    margin-bottom: 7.5rem;
  }

  .txt3 {
    padding: 2rem 3rem 1rem 2rem;
    margin: -2rem -2rem -7rem 11rem;
    position: relative;
    top: -4rem;
  }

  .g1 {
    margin-bottom: 3rem;
  }

  .g2 {
    margin-bottom: 5rem;
  }

  .g3 {
    margin-bottom: -18em;
  }

  .txt3.goals {
    position: relative;
    top: -32rem;
  }

  .img3 {
    top: -6rem;
    position: relative;
  }

  #goal {
    margin: 0rem 0rem 1rem 0rem;
    padding: 5rem 0rem 0rem 0rem;
  }

  .hdr2.h2 {
    padding-top: 1rem;
  }

  .txt2 {
    padding: 2rem 3rem 1rem 2rem;
    margin: 0rem 1rem 0rem 0rem;
    position: relative;
    top: 3rem;
  }

  .img2 {
    top: 1rem;
    position: relative;
  }

  #purpose.row {
    margin: -5rem -1rem 2rem -1rem;
    padding: 12rem 0rem 0rem 0rem;
  }

  .txt1 {
    padding-left: 33px;
    margin-bottom: 1.5rem;
  }

  .hdr1.h2 {
    padding-top: 1rem;
  }

  #vr1.vr {
    width: 4px;
    min-height: 7em;
    opacity: 1;
  }

  #covered {
    margin: 4rem -1rem 6rem -1rem;
  }

  .navbar-toggler {
    margin-right: 0.5rem;
  }

  .container-fluid.nav {
    padding-left: 0% !important;
  }

}


.nav-item {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;


  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/* Footer */
.flex_row{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_column{
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}

#footer {
  box-shadow: 50px 50px 50px 50px #000000bb;
}

#footer a {
  color: white;
  text-decoration: none;
}

#footer a:hover {
  color: #ffb800;
}

.links {
  text-align: center;
  gap: 17px;
  padding: 30px 10px;
}

.social {
  gap: 20px;
}

.social img {
  max-height: 40px;
  border-radius: 50%;
}

.social a {
  border-radius: 15px;
}

footer a:hover {
  cursor: pointer;
}

@media screen and (width < 830px) {
  footer .flex_row .links {
      flex-direction: column;
      width: 100% !important;
  }

  footer .flex_row .social img {
      height: 35px !important;
  }

  footer .social {
      padding-left: 20px;
      padding-bottom: 10px;
      padding-top: 10px;
      flex-direction: column;
      width: 45%;
  }
}