/* xs */

@media (min-width: 475px) {

    .cerchi {

        width: 400px;

    }

} 



/* sm */

@media (min-width: 640px) {

    .cerchi {

        width: 600px;

    }

}



/* md */

@media (min-width: 768px) {

    .cerchi {

        width: 700px;

    }

}



 /* lg */

@media (min-width: 1024px) {

    .cerchi {

        width: 950px;

    }

}



/* xl */

@media (min-width: 1280px) {

    .cerchi {

        width: 1000px;

    }

}



/* 2xl */

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