#subf p {
  color:white;
}
.reg {
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  padding: 10px;
}

.reg form {
  background-color: wheat;
  width: 35vw;
  min-width: 350px;
  padding: 30px;
  /* border: 2px solid white; */
  border-style: solid;
  border-radius: 15px;
}
#subf {
  background-color: burlywood;
  width: fit-content;
  margin: 0 auto;
}

.hide {
  display: none;
}
/* Tablet breakpoint */
@media (max-width: 768px) {
  #clg {
    width: 95%;
    margin: 10px auto;
  }
  #sms {
    flex-direction: column;
  }
  h1 {
    font-size: 1.5rem;
  }
}

#clg {
  width: 47vh;
  max-width: 47vh;
  min-width: 300px;
  margin: 10vh;
}

/* Small phone breakpoint */
@media (max-width: 480px) {
  .reg {
    width: 100%;
    margin: 5px;
    padding: 8px;
  }
  .reg h6 {
    font-size: 0.9rem;
  }
  .reg button {
    font-size: 0.9rem;
    padding: 10px;
    min-height: 48px; /* touch-friendly */
  }
  h1 {
    font-size: 1.2rem;
  }
}

#sms {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.header {
  background-color: #f59e0b;
}
.box {
  display: flex;
  justify-content: center;
}
.box,
h1 {
  text-align: center;
}
.header,
h2 {
  text-align: center;
  padding-bottom: 0.1px;
}

.logo {
  display: flex;
  gap: 3px;
}
.pic1 {
  padding-top: 3px;
}
.navbar {
  padding-top: 10px;
  border-style: solid;
}