.bggreen {
    background-color: green;
}

.bg-azul {
    background-color:#08298A;
}

.bg-orange {
    background-color:  #ec8321;
}

.bg-darken {
    background-color:  #292d31;
}

.font-orange{
  color: #ec8321;
}

.superlead {
    font-size: 3rem;

}




.back1 {
    background-image: url(img/16ASJA162-dark.jpg) !important;
    background-size: cover;
    background-position: center;
}



.h3hidro {

}


.h4hidro {

}


.h5hidro {

}


.h6hidro {

}



.phidro {
    font-family: 'Baloo Tamma 2', cursive;
}

.manuscrito {
    font-family: 'Philosopher', sans-serif;
}






html {
    scroll-behavior: smooth;
}

.btn-whatsapp {
    display:block;
    width:60px;
    position: fixed;
    right:5%;
    bottom:5%;
    border-radius:50%;
    /* line-height:80px; */
    text-align:center;
    z-index:999;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: 'barlow condensed', sans-serif;
  }

  p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'barlow condensed', cursive;
  }
  


.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #292d31;
    border: 2px solid rgba(0, 0, 0, 0.125);
    margin-top: 10px;
    border-radius: 0.5rem;
  }


  .wow {
    visibility: hidden;
  }

  .d-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100px;
    grid-gap: 7px;
  }

  .item {
    position: relative;
  }

  .item:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
  }

  .item:nth-child(2) {
    grid-column: 2;
    grid-row: 0 / 3;
  }

  .item:nth-child(3) {
    grid-column: 2;
    grid-row: 2 / 3;
  }

  .item:nth-child(4) {
    grid-column: 2;
    grid-row: 3 / 3;
  }

  .item a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
  }

  .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }