#contact, #events, #about {
  padding-left: 3vw;
  max-width: 90vw;
  padding-top: 1.628vh;
}

#heading {
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 12vh;
  color: #e5e7eb;
  padding-top: 40vh;
  filter: drop-shadow(0.3rem 0 0.5rem black);
  margin: 0px;
}

#subheading {
  font-family: sans-serif;
  font-size: 2.6vh;
  color: #e5e7eb;
  filter: drop-shadow(0.3rem 0 0.5rem black);
}

body {
  margin: 0;
  background-color: #e5e7eb;
  display: block;
}

#nbar {
  position: fixed;
  width: 100vw;
  height: 9vh;
  z-index: 100;
}

#navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 0.3vh;
}

#nelments {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-left: auto;
  justify-content: space-between;
  gap: 10vw;
  text-decoration: none;
}

#navbar a {
  text-decoration: none;
  margin-left: auto;
  padding: 0.36vh;
  color: #e5e7eb;
  font-size: 2.3vh;
  text-align: center;
}

#navbar a:visited {
  text-decoration: underline;
}

#navbar a:hover {
  box-shadow: inset 50rem 0 0 0 #e5e7eb;
  border-radius: 0.3rem;
  font-weight: bold;
  color: #035B98;
}

#about {
  padding-bottom: 10vh;
  justify-content: center;
}

#heading2 {
  font-size: 4.6vh;
}

#logo-left {
  padding-left: 1vw;
  height: 9vh;
}

#logo-right {
  height: 9vh;
  margin-left: auto;
  margin-right: 2vw;
}

h1, h2, h3 {
  color: #035B98;
}

p {
  font-family: "Lexend Deca";
  font-size: 2.1vh;
  text-align: justify;
}

a {
  text-decoration: none;
  color: #035B98;
}

#events {
  padding-bottom: 30vh;
}

#contact {
  padding-bottom: 20vh;
  padding-top: 20vh;
}

#images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 5vw);
  grid-auto-flow: dense;
  grid-gap: 1vw;
}

#events #images img {
  width: 25vw;
  object-fit: cover;
  filter: drop-shadow(0.1rem 0 0.5rem black);
}

#events #images img:hover {
  width: 35vw;
  z-index: 1;
}

#mailid {
  color: #035B98;
  text-decoration: none;
}

#mailid:hover {
  text-decoration: underline;
}

#social img {
  padding-right: 1vw;
}

@media (max-width: 912px) {
  #contact, #events, #about {
    padding-right: 3vw;
    padding-left: auto;
    padding-top: 0px;
  }
  #heading {
    font-size: 7vh;
  }
  #logo-right {
    display: none;
  }
  #logo-left {
    width: 15vw;
    height: auto;
  }
  #nelments {
    margin: auto auto auto auto;
    gap: 6vw;
  }
  #events #images img {
    width: 40vw;
  }
  #images {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 6vw);
  }
  #events {
    padding-bottom: 0px;
  }
  #contact {
    padding-top: 0px;
  }
  #events #images img:hover {
    width: 55vw;
  }
}
@media (max-width: 485px) {
  body {
    min-width: fit-content;
  }
  #contact, #events, #about {
    max-width: 100vw;
    min-width: fit-content;
  }
  #nelments {
    gap: 5vw;
  }
}
#landing {
  position: relative;
  overflow: hidden;
}

#demo-bg {
  position: absolute;
}

#demo-bg img {
  min-width: 670px;
  width: 100vw;
  height: 100vh;
}

#landing-content {
  position: relative;
  height: 100vh;
}

.color {
  background-color: #035B98;
  transition: background-color 300ms ease-in;
}

.nocolor {
  background-color: rgba(1, 74, 126, 0);
  transition: background-color 300ms ease-out;
}

.bgfade {
  background-color: rgba(1, 74, 126, 0.5);
  transition: background-color 1s ease-in;
}

.nobg {
  background-color: #035B98;
}

/*# sourceMappingURL=style.css.map */