@media (min-width: 900px) {
    
}

@media only screen and (max-width : 3300px) {
    .container {
        width: 1920px;
    }
}


@media only screen and (max-width : 1980px) {
    .container {
        width: 1620px;
    }
}


@media only screen and (max-width : 1680px) {
    .container {
        width: 1260px;
    }
}

@media only screen and (max-width : 1200px) {
    .container {
        width: 1110px;
    }
}

@media only screen and (max-width : 1110px) {
    .container {
        width: 992px;
    }
    .cardRow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .card {
        width: 50%;
    }
}

@media only screen and (max-width : 992px) {
    .container {
        width: 768px;
    }
    .card {
        width: 70%;
    }
}

@media only screen and (max-width : 768px) {
    .container {
        width: 100%;
    }
    .card {
        width: 90%;
    }
}

@media only screen and (max-width : 576px) {
    .w-80-576 {
        width: 80%;
    }
}

@media only screen and (max-width : 510px) {

}

@media only screen and (max-width : 360px) {

}