#faq-main-container {
  width: 81%;
  padding-top: 60px;
  display: flex;
  margin: auto;
  justify-content: center;
  line-height: 1.5;
}

#faq-main-container h2 {
  font-size: var(--font-h2-big-screen-2);
}

#faq-main-container h3 {
  font-size: 24px;
}

#faq-main-container p {
  padding: 0;
  width: 75ch;
}

#faq-main-container a {
  color: #0d6efd;
}

#faq-q-and-a {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#faq-q-and-a-block {
  margin: 20px 0;
}

/* Media Queries */

/* Big screens */

/* 4k 150% zoom */

@media (min-width: 2360px) {
  #faq-main-container {
    width: 50%;
  }

  #faq-main-container h2 {
    font-size: var(--font-h2-big-screen-3);
  }

  #faq-main-container h3 {
    font-size: var(--font-h2-big-screen-2);
  }

  #faq-q-and-a-block p,
  #faq-content p,
  #faq-content a {
    font-size: var(--font-big-screen-2);
  }
}
/* 4k 125% zoom */

@media (min-width: 2800px) {
  #faq-main-container {
    width: 50%;
  }

  #faq-main-container h2 {
    font-size: var(--font-h2-big-screen-3);
  }

  #faq-main-container h3 {
    font-size: var(--font-h2-big-screen-1);
  }

  #faq-q-and-a-block p,
  #faq-content p,
  #faq-content a {
    font-size: var(--font-big-screen-2);
  }
}

/* 4k 100% zoom */

@media (min-width: 3300px) {
  #faq-main-container h2 {
    font-size: var(--font-h2-big-screen-3);
  }

  #faq-main-container h3 {
    font-size: var(--font-h2-big-screen-2);
  }

  #faq-q-and-a-block p,
  #faq-content p,
  #faq-content a {
    font-size: var(--font-big-screen-3);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #faq-main-container {
    width: 75%;
  }

  #faq-q-and-a-block p,
  #faq-content p,
  #faq-content a {
    width: 45ch;
    font-size: var(--font-mobile-screen-3);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #faq-main-container {
    width: 75%;
  }

  #faq-q-and-a-block p,
  #faq-content p,
  #faq-content a {
    width: 45ch;
    font-size: var(--font-mobile-screen-3);
  }
}

/* Mobile Vertical*/

@media (max-width: 767px) {
  #faq-main-container {
    width: 90%;
  }

  #faq-main-container h2 {
    font-size: var(--font-h1-mobile-screen-4);
  }

  #faq-main-container h3 {
    font-size: var(--font-h2-mobile-screen-4);
  }

  #faq-q-and-a-block p,
  #faq-content p,
  #faq-content a {
    font-size: var(--font-mobile-screen-4);
    width: 30ch;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  #faq-q-and-a-block p,
  #faq-content p,
  #faq-content a {
    width: 50ch;
  }
}