/* =========================================
   TABLET
========================================= */

@media (max-width: 992px) {

  /* NAVBAR */

  .menu-pill {
    margin-top: 15px;
    border-radius: 20px;

    padding: 20px;
    text-align: center;
  }

  .menu-pill .nav-link {
    margin: 10px 0;
  }

  /* LOGO NAVBAR */
@media (max-width: 992px) {

  .logo {
    width: 260px;
  }

}

@media (max-width: 768px) {

  .logo {
    width: 200px;
  }

}

  /* HERO */

  .hero {
    min-height: auto;
    /*padding: 140px 0 100px;*/
  }

  .hero-content {
    text-align: center;
  }

  .subtitle {
    font-size: 1.2rem;
  }

  /* HOME */

  .home-info {
    padding: 80px 0;
  }

  .text-side {
    text-align: center;
    margin-top: 50px;
  }

  .text-side h2 {
    justify-content: center;
  }

  /* FOOTER */

  .custom-footer {
    text-align: center;
  }

  .footer-right {
    margin-top: 40px;
  }

  .footer-bg {
    width: 100%;
    height: 300px;
    opacity: 0.1;
  }

}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 576px) {

  .logo {
    width: 170px;
  }

  .title {
    font-size: 2.8rem;
    line-height: 1;
  }

  .subtitle {
    font-size: 1rem;
  }

  .btn-pill,
  .btn-green {
    width: 100%;
  }

  .energy-title {
    font-size: 2.2rem;
  }

  .carousel-item img,
  .modal-video {
    max-height: 250px;
  }

}