

/*____________________________Estilo del main _____________________*/


.Titulo_cursos{
    margin-bottom: 80px;
    text-align: center;
    width: 250px;
    border-bottom: 3px solid orange;
    position:relative;
    left: 25%;
    padding-bottom: 20px;
    
}

.link-cursos{
    text-decoration: none;
}
.container-curso{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    
}

.container-curso [class*="clase-"]{
    width: 80%;
    margin-bottom: 50px;
    height: 280px;
    margin:auto;
}

.container-curso [class*="img-"]{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 5%;
     
    
}

.clase-momentosFamilia .img-momentofamilias, .clase-evangelioHogar .img-evangelioHogar {
    object-position: left;
}

.container-curso [class*="titulo-"]{
    color: white;
    text-align: center;
    width: 100%;
    height: 50px;
    background: rgba(0,0,0,0.6);
    position: relative;
    top: -150px;
    font-size: 1.3em;
    display: none;
    
}

/*________________Estilos de responsive bases_______________________________*/


@media screen and (min-width:480px){

    
    
    .Titulo_cursos{
        left: 30%;
    }
}

/*________________Estilos de responsive bases_______________________________*/

@media screen and (min-width:770px){

    .column--33{
        width: 32%;
    
    }

    /*________________Estilos de responsive de main _______________________________*/
    
    .Titulo_cursos{
        left: 40%;
    }
    
    .container-curso{
        justify-content: space-between
    }
    
    .container-curso [class*="clase-"]{
        width: 23%;
        margin-bottom: 20px;
    }
    
    .container-curso [class*="img-"]{
        width: 100%;
        height: 280px;
    }
    
    .container-curso [class*="titulo-"]{
        font-size: 1.2em;
        height: 60px;
        
    }
    
}

@media screen and (min-width:1024px){
   .container-curso [class*="img-"]{
        width: 100%;
        height: 250px;
    }
    
@media screen and (min-width:1440px){

}