@media (width < 576px){
    .contenedor{
        min-height: 70vh;
        margin-top: 100px;
        background: no-repeat center center scroll;
        align-items: flex-start;
    }

    .flexer-container {
        margin-top: 100px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        gap: 82px;
    }
    
    .card {
        align-self: auto;
    }
}


@media (576px <= width < 768px){
    .contenedor{
        min-height: 70vh;
        margin-top: 100px;
        background: no-repeat center center scroll;
        align-items: flex-start;
    }

    .flexer-container {
        margin-top: 100px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        gap: 82px;
    }
    
    .card {
        align-self: auto;
    }
}

@media (768px <= width < 992px){
    .contenedor{
        min-height: 70vh;
        margin-top: 100px;
        background: no-repeat center center scroll;
        align-items: flex-start;
    }

    .flexer-container {
        margin-top: 100px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        gap: 82px;
    }
    
    .card {
        align-self: auto;
        width: 20rem;
    }
}

@media (992px <= width < 1200px){
    .contenedor{
        min-height: 70vh;
        margin-top: 100px;
        background: no-repeat center center scroll;
        align-items: flex-start;
    }

    .flexer-container {
        margin-top: 100px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        gap: 82px;
    }
    
    .card {
        align-self: auto;
        width: 20rem;
    }

}


@media (width >= 1200px) {

    .contenedor{
        min-height: 70vh;
        margin-top: 100px;
        background: no-repeat center center scroll;
        align-items: flex-start;
    }

    .flexer-container {
        margin-top: 100px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        gap: 82px;
    }
    
    /*.card {
        align-self: auto;
        height: 150px;
        width: 150px;
    }*/
    .card {
        align-self: auto;
        width: 20rem;
        /*height: 150px;
        width: 150px;*/
    }

    /*.card>a>img{
        height: 150px;
        width: 100%;
    }*/



}