@media only screen and (min-width:320px) and (max-width:359px) {
 .card-img-top.lg{
  width:auto!important;
  height:150px
 }
 .card-img-top.suma-casilla{
  width:90px!important
 }
 .casilla-especial{
  font-size:23px;
  float:left
 }
 .boletas{
  font-size:24px
 }
 .card-img-top.personas{
  width:90px!important;
  margin-bottom:30px
 }
 .card.integrantes> p{
  text-align:center!important
 }
}
@media only screen and (min-width:360px) and (max-width:413px) {
 .card-img-top.lg{
  width:auto!important;
  height:150px
 }
 .card-img-top.suma-casilla{
  width:90px!important
 }
 .casilla-especial{
  font-size:23px;
  float:left
 }
 .boletas{
  font-size:24px
 }
 .card-img-top.personas{
  width:90px!important;
  margin-bottom:30px
 }
 .card.integrantes> p{
  text-align:center!important
 }
}
@media only screen and (min-width:414px) and (max-width:479px) {
 .card-img-top.lg{
  width:auto!important;
  height:150px
 }
 .card-img-top.suma-casilla{
  width:90px!important
 }
 .casilla-especial{
  font-size:23px;
  float:left
 }
 .boletas{
  font-size:24px
 }
 .card-img-top.personas{
  width:90px!important;
  margin-bottom:30px
 }
 .card.integrantes> p{
  text-align:center!important
 }
 .card.casillas> .centrar-capa{
  min-width:380px!important
 }
}
@media only screen and (min-width:768px) and (max-width:991.99px) {
 .card-img-top.suma-casilla{
  width:100px!important
 }
 .casilla-especial{
  font-size:23px
 }
 .boletas{
  font-size:36px
 }
 .num-boletas{
  font-size:60px
 }
 .card-img-top.lg{
  width:auto!important;
  height:150px!important
 }
 .card.casillas> .centrar-capa{
  min-width:360px!important
 }
 .card-img-top.personas{
  width:100px!important
 }
}
@media only screen and (min-width:992px) and (max-width:1024px) {
 .card-img-top.suma-casilla{
  width:155px!important
 }
 .card-img-top.lg{
  width:auto!important;
  height:170px!important
 }
 .casilla-especial{
  font-size:27px
 }
 .boletas{
  font-size:44px
 }
 .num-boletas{
  font-size:90px
 }
 .card.casillas> .centrar-capa{
  min-width:360px!important
 }
 .card-img-top.personas{
  width:100px!important
 }
}
@media only screen and (min-width:1025px) and (max-width:1199px) {
 .card-img-top.suma-casilla{
  width:155px!important
 }
 .card-img-top.lg{
  width:auto!important;
  height:180px!important
 }
 .casilla-especial{
  font-size:27px
 }
 .boletas{
  font-size:44px
 }
 .num-boletas{
  font-size:90px
 }
 .card-img-top.personas{
  width:130px!important
 }
 .card.casillas> .centrar-capa{
  min-width:405px!important
 }
}
@media only screen and (min-width:1200px) and (max-width:1366px) {
 .card-img-top.suma-casilla{
  width:155px!important
 }
 .card-img-top.lg{
  width:auto!important;
  height:180px!important
 }
 .casilla-especial{
  font-size:27px
 }
 .boletas{
  font-size:44px
 }
 .num-boletas{
  font-size:90px
 }
 .card-img-top.personas{
  width:130px!important
 }
 .card.casillas> .centrar-capa{
  min-width:360px!important
 }
}
@media only screen and (min-width:1367px) and (max-width:1920px) {
 .card-img-top.suma-casilla{
  width:155px!important
 }
 .card-img-top.lg{
  width:auto!important;
  height:220px!important
 }
 .boletas{
  font-size:50px
 }
 .num-boletas{
  font-size:100px
 }
 .casilla-especial{
  font-size:30px
 }
 .card-img-top.personas{
  width:130px!important
 }
 .card.casillas> .centrar-capa{
  min-width:360px!important
 }
}
@media only screen and (min-width:1921px) {
 .card-img-top.personas{
  width:130px!important
 }
 .card-img-top.suma-casilla{
  width:155px!important
 }
 .card-img-top.lg{
  width:auto!important;
  height:220px!important
 }
 .boletas{
  font-size:50px
 }
 .num-boletas{
  font-size:100px
 }
 .casilla-especial{
  font-size:30px
 }
 .card.casillas> .centrar-capa{
  min-width:360px!important
 }
}