@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

#menu-servicios li a:hover,
#menu-recursos li a:hover
{
    background-color: #2b8645;

}

nav
{
    z-index: 99;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.navbar .navbar-brand
{
    font-size:x-large;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:800;
}

.navbar .navbar-nav
{
    font-weight: bold;
    font-family:"Poppins", sans-serif
}

#about-us
{
    height: 380px;
}

#projects
{
background: rgb(255, 255, 255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(52, 180, 105) 57%);
background-repeat: repeat-x;
}

 #projects-row
{
    height: 700px;
    max-height: 900px;
}

/*#projects-row .card-body
{
    min-height: 100px;
} */
/* #projects-row .card-body p
{
    min-height: 100px;
} */
 #projects img 
{
   width: 100%;
   height: auto;

} 

.card-image{
    position:relative;
    height:200px;
    width:250px;
}

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

@media (min-width:768px)
{
    .card img 
    {
        height:12em;
    }

    #Carousel h3
    {
        font-size:60px;
        
        text-align: center;
        width: 100%;
    }

    #Carousel p
    {
        font-size:30px;
        text-align: center;
        width: 100%;
    }
}

@media (max-width:700px)
{
    #Carousel h3
    {
        font-size: 18px;
    }

    #Carousel p
    {
        font-size: 12px;
    }
}