img {
  max-width: 100%;
  height: auto;
}
#mainMenu .nav-link {
  color: #7ea2d7;
  font-weight: bolder;
}
#mainMenu .nav-link:hover {
  background: #7ea2d7;
  border-radius: 5px;
  /* color: #262626; */
  color: white;
  font-weight: bolder;
}
#mainMenu .nav-link.active {
  background: #7ea2d7;
  border-radius: 5px;
  /* color: #262626; */
  color: white;
  font-weight: bolder;
}

.banner{
  background-image: url(img/banner.png);
}

.navbar-light{
  background-color: white !important;
}

.maintitle{
  background: rgba(236, 240, 241, .35);
}

.btn-info{
  background: #7ea2d7;
  border: #7ea2d7;
  color: white;
}

p {
  font-size: 18px;
}

.hero-section {
  min-height: 100vh;
  background-image: url('img/banner.png');
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding: 2rem;
}

.hero-content {
  max-width: 600px;
  margin-left: 0;
}

@media (min-width: 768px) {
  .hero-content {
    margin-left: 10%;
  }
}

section {
  scroll-margin-top: 90px;
}

.maintitle {
  font-size: 2rem;
}

@media (min-width: 768px) {
  .maintitle {
    font-size: 3rem;
  }
}

@media (max-width: 767.98px) {
  .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-nav .nav-link.active {
    border-radius: 0.375rem;
  }
}