.logo-navbar {
  width: 70px;
}
.mask {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
}
.hero-img {
  background-image: url("assets/hero.png");
  height: 90vh;
}
.div-text-hero {
  color: white;
}
.div-text-hero h1 {
  font-weight: 700;
  font-size: 3.5rem;
}
.nav-link {
  font-weight: 700;
  color: #070822 !important;
}
.ip-headings {
  font-size: 2rem;
  font-weight: 700;
}
#footer {
  background-color: #070822;
}
.footer-navi a {
  color: white;
  text-decoration: none;
}
.footer-navi a:hover {
  color: rgb(212, 212, 212) !important;
  text-decoration: none !important;
}
.hero-pages {
  background-image: url("assets/pg-bg.png");
  height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5rem !important;
  color: white;
}

.w-text p {
  font-size: 1.2rem !important;
}
.contact-col h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #212529;
}
.btn-submit {
  background: #212529 !important;
  color: white !important;
  width: 200px !important;
}
.go-back {
  background: #080722 !important;
  color: white !important;
  width: 30vw;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 0.6rem 0rem;
  margin-top: 0.3rem;
}
.go-back a {
  color: white;
  text-decoration: none;
}
.go-back a:hover {
  color: rgb(221, 221, 221);
  text-decoration: none;
}
.h-80vh {
  height: 80vh;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 500px) {
  .contact-col h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
  }
  .div-text-hero h1 {
    font-weight: 700;
    font-size: 2.5rem;
  }
  .div-text-hero h4 {
    font-size: 1.3rem;
  }
  .ip-headings {
    font-size: 1.3rem;
    font-weight: 700;
  }
}