/*tipyourguide homepage  */

  .kanit-thin {
      font-family: "Kanit", sans-serif;
      font-weight: 100;
      font-style: normal;
  }

  .kanit-extralight {
      font-family: "Kanit", sans-serif;
      font-weight: 200;
      font-style: normal;
  }

  .kanit-light {
      font-family: "Kanit", sans-serif;
      font-weight: 300;
      font-style: normal;
  }

  .kanit-regular {
      font-family: "Kanit", sans-serif;
      font-weight: 400;
      font-style: normal;
  }

  .kanit-medium {
      font-family: "Kanit", sans-serif;
      font-weight: 500;
      font-style: normal;
  }

  .kanit-semibold {
      font-family: "Kanit", sans-serif;
      font-weight: 600;
      font-style: normal;
  }

  .kanit-bold {
      font-family: "Kanit", sans-serif;
      font-weight: 700;
      font-style: normal;
  }

  .kanit-extrabold {
      font-family: "Kanit", sans-serif;
      font-weight: 800;
      font-style: normal;
  }

  .kanit-black {
      font-family: "Kanit", sans-serif;
      font-weight: 900;
      font-style: normal;
  }

  .kanit-thin-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 100;
      font-style: italic;
  }

  .kanit-extralight-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 200;
      font-style: italic;
  }

  .kanit-light-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 300;
      font-style: italic;
  }

  .kanit-regular-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 400;
      font-style: italic;
  }

  .kanit-medium-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 500;
      font-style: italic;
  }

  .kanit-semibold-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 600;
      font-style: italic;
  }

  .kanit-bold-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 700;
      font-style: italic;
  }

  .kanit-extrabold-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 800;
      font-style: italic;
  }

  .kanit-black-italic {
      font-family: "Kanit", sans-serif;
      font-weight: 900;
      font-style: italic;
  }

  body {
      background: #D5F5E3;
      background: rgb(2, 0, 36);
      background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);

      background: rgb(2, 0, 36);
      background: linear-gradient(90deg, rgba(2, 0, 36, 1) 5%, rgba(9, 115, 121, 1) 7%, rgba(0, 212, 255, 1) 100%);
      background: rgb(2, 0, 36);
      background: linear-gradient(90deg, rgba(27, 79, 114, 1) 5%, rgba(26, 188, 156, 1) 7%, rgba(163, 228, 215, 1) 100%);
      font-family: "Kanit", sans-serif;
      font-weight: 400;
      font-style: normal;


  }

  h1,
  h2,
  h3,
  p {
      text-align: center;
      padding: 0;
      margin: 0;
  }

  .links {
      color: #fff;
      text-decoration: none;
  }

  .main-container {
      margin: 10% auto;
      margin-top: 0;
      width: 90%;
      text-align: center;
  }

  .flex-container {
      display: flex;
  }

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

  .info-box {
      font-size: .5em;
      padding: 3%;
      background: rgb(34, 193, 195);
      background: linear-gradient(0deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
      background: #000;
      background-color: rgba(2, 0, 36, 1) width:200px;
      text-decoration: none;
      margin: 2% 1%;
      text-align: center;
      border-radius: 20px;
      color: #fff;
  }

  .info-box-holder {
      max-width: 80%;
      margin: 2% auto;
      text-align: center;
      overflow: auto;
      overflow-y: hidden;
  }

  .infoboxPhoto {
      min-width: 80%;

  }

  .photoHolder img {
      padding: 1%;
      background-color: rgba(2, 0, 36, 1)
  }




  .copyright {
      margin: 20% auto;
      text-align: center;
      width: 100%;
      color: #fff;
  }

  .darkText {
      color: #512E5F;
      color: #000;
  }

  .lightText {
      color: #D7DBDD;
      color: #fff;
  }

  img {
      max-width: 95%;
      margin: 0 auto;
      text-align: center;
  }

  .learnIntentionally {
      display: none;
  }

  .fundYourOwnVentures {
      visibility: hidden;
  }

  .sales {
      color: #fff;
      width: 70%;
      margin: 0 auto;
  }

  #second {
      display: none;
  }

  #signup {
      margin: 20% auto;
      margin-bottom: 150%;
      box-shadow: 0 0 777px #3498db;
  }

  #signup:hover {
      box-shadow: 0 0 0px #3498db;

  }

  .simple-button {
      color: #aeb6bf;
  }

  .simple-button h1 {
      font-size: .5em;
  }

  .not-shown {
      display: none;
  }