@font-face {
    font-family: podemos;
    src: url('montserrat.woff');
  }

  @font-face {
    font-family: poppins;
    src: url('poppins.woff');
  }
  body{
    margin: 0;
    font-family: poppins;
  }
#logo-top{
    text-align: center;
}
#redes-top{
    text-align: right;
}
#redes-top a{
    text-decoration: none;
}
.imagen-redes{
    width: 20px;
    margin-right: 15px;
}
#barra-imagen{
    height: 200px;width: 100%;background-color: #363D6D; margin-top: 150px;z-index: -10000; position: absolute;
}
.descripcion-imagen{
    font-family: poppins;
    text-align: center;
    background-color: #363D6D;
    color: white;
    font-size: 1.2rem;
    padding: 25px;
    margin-top: -60px;
    border-radius: 10px;
}

.lead{
    font-size: 0.95rem;
    margin-top: 15px;
}

.imagen-carrusel{
    width: 90%;max-height:600px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    border-radius: 15px;
}

.imagen-circulo{
    border-radius: 300px; 
    width:40%;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
   #barra-imagen{
    height: 100px;width: 100%;background-color: #363D6D; margin-top: 50px;z-index: -10000; position: absolute;
}
.imagen-carrusel{
    width: 100%;max-height:600px;box-shadow: 0 ;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0;
}
#carrusel-imagenes{
    margin-top: 15px;
}
#carouselExampleCaptions{
    padding-left: 0;
    padding-right: 0;
}

.contenedor-carrusel{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.descripcion-imagen{
    font-family: poppins;
    text-align: center;
    background-color: #363D6D;
    color: white;
    font-size: 1rem;
    padding: 15px;
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.lh-1{
    text-align: center;
}
}
@media only screen and (max-width: 900px) {
   #barra-imagen{
    height: 100px;width: 100%;background-color: #363D6D; margin-top: 80px;z-index: -10000; position: absolute;
}

}