html, body {
    width: 100%;
}
.navbar {
    background-image: linear-gradient( 109.6deg,  rgba(33,103,43,1) 11.3%, rgba(117,162,61,1) 91.1% );
}
.navbar .container .navbar-brand img {
  width: 7rem;
}
#ribbon::after{
    content: '';
    background-color: transparent;
    display: block;
    height: 20px;
    width: 50%; 
    margin: 0 auto;
    position: relative;
    left: auto;
    margin-top: -40px;
}

#ribbon{
    background-color: rgb(24, 117, 86);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 25px, rgba(15, 15, 15, 0.5) 25px, rgba(0, 0, 0, 0.5) 40px);
}
#birthday{
    background-color:rgba(33,103,43,1);
    position: relative;
    margin-top: -20px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.text-justify{
    text-align: justify;
}
#footer{
    background-image: linear-gradient( 109.6deg,  rgba(33,103,43,1) 11.3%, rgba(117,162,61,1) 91.1% );
}
#footer p{ 
    color: aliceblue;
}
#footer img{
    width: 60%;
    }

.redes a{
  color: aliceblue;
  padding: .5rem;
  font-size: x-large;
}
.img-thumbnail{
    border: 5px solid #16702d;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.bd-example::after {
    display: block;
    clear: both;
    content: "";
}
.card {
    transition: transform .2s;
}
.imagen-reciclaje:hover {
    transform: scale(1.1);
    transition: transform .2s;
}