/* KnOW access page style 231204 */
/* These are additions to the KnOW page style for the KnOW Get Access and Get Access Thankks pages */

.preamble, .postamble {
  width: 92%;
  margin: auto;
}

#contact {
   width: 100%;
   margin: auto;
   display: grid;
   grid-template-columns:100;
   column-gap: 6%;
   align-content: center;
}

#pic {
   display: none;
}

#pic img, #pic1 img, #pic2 img {
   width: 100%;
}

.txpic img {
   margin-top: 0.3em;
}

#form, #tx {
   display: grid;
   align-content: center;
   justify-content: center;
}

#form form {
   max-width: 100%;
   margin: auto;
}

#form label, #form input, #form textarea {
   width: 90%;
   min-width: 300px;
   max-width: 100%;
}

#form label {
   font-weight: 700;
}

#form input, #form textarea {
   border-style: solid;
   border-width: 2px;   
   border-radius: 5px;
   padding: 8px;
   margin: 5px 0 18px 0;
}

#form textarea {
   resize: none;
}

#fb-container {
   width: fit-content;
   margin: 5px auto 18px auto;
}

#form button {
  padding: 0.5rem 0.7rem 0.3rem;
  font-family: var(--bold-fonts);
  font-size: 1.2rem;
  text-decoration: none;
  box-shadow: 0 3px 2px -2px var(--midgrey);
  color: white;
  background-color: black;
}

#form button:hover {
  background-color: var(--darkgrey);
}

#tx {
  margin-top: 1em;
  text-align: center;
}

.follow {
  margin-bottom: 2em;
}

@media (min-width: 600px) {
  .navbar {
    width: 92%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

@media (min-width: 768px) {
   #contact {
      width: 90%;
      grid-template-columns: 47% 47%;
   }
   #pic {
      display: block;
   }
   #pic1, #pic2 {
      display: none;
   }
   #form {
      justify-content: right;
   }
}

@media (min-width: 1024px) {
   #form label, #form input, #form textarea {
      min-width: 360px;
   }
}

@media (min-width: 1120px) {
   #form label, #form input, #form textarea {
      min-width: 420px;
   }
}

@media (min-width: 1320px) {
   #form label, #form input, #form textarea {
      min-width: 480px;
   }
}