@charset "UTF-8";

.else {
  margin-bottom: 50rem;
  padding: 60rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30rem;
}

h1 {
  margin-bottom: 10rem;
  margin-top: 0rem;
  font-size: 35rem;
  padding-left: 20rem;
}

h2 {
  margin: 0;
  margin-bottom: 20rem;
  font-size: 28rem;
  display: flex;
  align-items: baseline;
  flex-direction: row;
  gap: 20rem;
}

.index {
  position: fixed;
  top: 90rem;
  right: 30rem;
  width: 200rem;
  border-left: 1rem solid #ccc;
}

p {
  font-size: 20rem;
  line-height: 1.5;
  padding-left: 20rem;
}

li {
  font-size: 17rem;
  line-height: 1.5;
  padding: 5rem;
  padding-left: 20rem;
  font-family: "Open Sans", sans-serif;
}

.about-text {
  padding-right: 100rem;
  font-size: 17rem;
  line-height: 1.5;
  padding-left: 20rem;
  font-family: "Open Sans", sans-serif;
  text-align: justify;
}

.vision-text {
  text-align: justify;
}

.vision-image {
  height: 45rem;
}

.vision {
  margin: 0 auto;
  margin-bottom: 50rem;
  background-color: var(--suplimentary-5);
  font-family: "Queensides", sans-serif;
  color: var(--bg);
  padding: 40rem;
  border-radius: 18rem;
  box-shadow: 10rem 10rem 10rem 5rem rgba(0, 0, 0, 0.1);
}

.goals-image {
  height: 45rem;
}

.goals {
  margin: 0 auto;
  margin-bottom: 0rem;
  background-color: var(--primary);
  font-family: "Queensides", sans-serif;
  color: var(--bg);
  padding: 40rem;
  border-radius: 18rem;
  box-shadow: 10rem 10rem 10rem 5rem rgba(0, 0, 0, 0.1);
}

.contact-us {
  background-color: var(--primary);
  color: var(--bg);
  padding: 80rem 10vw;
  padding-top: 40rem;
  font-size: 25rem;
  font-family: "Queensides", sans-serif;
  font-weight: bold;
  position: relative;
}

.contact-image {
  height: 70rem;
}

.contact-us h3 {
  font-size: 30rem;
  display: flex;
  align-items: baseline;
  gap: 30rem;
}

.contact-us p {
  font-size: 25rem;
  font-weight: lighter;
  padding: 0;
}

.contact-us .email {
  color: var(--bg);
  text-decoration: underline;
}

.contact-us .email:hover {
  text-decoration: none;
}

.contact-link {
  border-radius: 30rem;
  padding: 10rem 30rem;
  background-color: var(--bg);
  color: var(--primary);
  transition: all 0.2s ease-in-out;
  font-size: 16rem;
  font-family: "Open Sans", sans-serif;
  font-weight: lighter;
  position: absolute;
  right: 15vw;
  bottom: 40rem;
}

.contact-link:hover {
  background-color: var(--primary);
  color: var(--bg);
  text-decoration: none;
}

.about {
  position: relative;
}

.about-image {
  height: 120rem;
  position: absolute;
  left: -130rem;
  bottom: 20rem;
  opacity: 10%;
}

/* .index-card { */
/*   padding: 10rem; */
/*   padding-left: 20rem; */
/*   width: 200rem; */
/*   background-color: var(--bg); */
/*   color: var(--color); */
/*   transition: all 0.2s ease-in-out; */
/* } */
/**/
/* .index-card:hover { */
/*   color: var(--primary); */
/*   background-color: var(--secondary); */
/*   cursor: pointer; */
/* } */
/**/
/* .index h4 { */
/*   margin: 0; */
/*   font-weight: normal; */
/*   font-size: 16rem; */
/* } */
/**/
/* .contents-list { */
/*   width: auto; */
/*   padding: 0; */
/* } */