#mod2-sobre-nosotros{
    padding: 32px 16px 32px 16px;
    max-width: 328px;
    margin-left: auto;
    margin-right: auto;

    & h2{
        text-align: center;
        margin: 0;
        font-size: 30px;
        margin-bottom: 32px;
    }
    & .card{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 40px;
        
        & h3{
            text-align: center;
            margin: 0;
            margin-bottom: 12px;
            font-size: 22px;
            font-weight: 700;
        }
        & p{
            text-align: center;
            margin: 0;
            line-height: 22px;
        }
        & img{
            width: 110px;
            height: 110px;
            margin-bottom: 10px;
        }
    }
    & .card:last-of-type{
        margin-bottom: 0;
    }
}
@media (min-width:576px){
    #mod2-sobre-nosotros{
        padding-right: 0;
        padding-left: 0;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        
    }
}

@media (min-width:992px){
    #mod2-sobre-nosotros{
        display: flex;
        flex-wrap: wrap;
        max-width: 826px;
        justify-content: space-between;
        
        & h2{
            width: 100%;
            font-size: 32px;
            margin-bottom: 40px;
        }
        & .card{
            width: 33%;
            display: flex;
            justify-content: normal;
            margin-bottom: 0;
        }
    }
}
@media (min-width:1200px){
    #mod2-sobre-nosotros{
        max-width: 996px;
        
        & .card{
            width: 300px;
        }
    }
}
@media (min-width:1440px){
    #mod2-sobre-nosotros{
        max-width: 1272px;
        justify-content: space-between;
        
        & .card{
            width: 350px;
        }
        & .card:last-of-type{
            margin-right: 0px;
        }
    }
}