#bannerPrincipal,nav {
    position: relative;
  }
  
  
  
  #bannerPrincipal .carousel-inner {
    height: auto; /* alto fijo */
    width: 100%;
  }
  
  
  #bannerPrincipal .carousel-inner img {
    height: auto;         /* ocupa toda la altura del carrusel */
    width: 100%;
  }
  
  #bannerprincipalcuadrado{
    display: none;
  
  }
  
  section#bannerprincipalcuadrado {
    margin-top: 0px;  
    display: none;
  }
  
  
  @media (max-width: 768px) {
  
    #bannerPrincipal .carousel-inner {
      height: auto; /* alto fijo */
    }
    
    
    #bannerPrincipal .carousel-inner img {
      height: auto;         /* ocupa toda la altura del carrusel */
    }
  
    #bannerprincipalcuadrado{
      display: block;
    }
  
    section#bannerprincipalcuadrado { 
      display: block;
    }
  
    #bannerPrincipal{
      display: none;
    }
  }