@media (max-width:500px)  {
  #raffle-header .row > div { margin-top: 0 !important; }
  #raffle-header .row > div:first-child { padding-top: 20px; margin-bottom: 10px; }

  #raffle-timer > div {
    font-size: 1rem !important;
    line-height: 1 !important;
  }
  #raffle-timer > div div {
    font-size: 0.5rem !important;
  }

  #raffle-header .bf-text-large { margin-right: 0.6rem; font-size: 1rem; }
  #raffle-header strong { font-weight: 300; }
  #raffle-header br { display: none; }

  .bf-frsb-ctr {
    row-gap: 0.25rem;
    column-gap: 0.25rem;
  }
    .bf-frsb-square {
      font-size: 0.75rem;
    }
    .bf-frsb-square.selected:after {
      font-size: 1rem;
    }

      .bf-frsb-square.locked .bf-frsb-square-content {
        font-size: 0.4rem;
        line-height: 1;
      }

      .bf-frsb-square.locked .bf-frsb-square-content:before {
        display: none;
      }

  .bf-frsb-product {
    width: 95vw;
    margin-left: -47.5vw;
  }

  .bf-frsb-shell-row {
    grid-template-columns: 2em 1fr;
    min-height: 1rem;
  }
  .bf-frsb-team-x,
  .bf-frsb-team-y {
    font-size: 1rem;
  }


  #bf-payment-cart .bf-payment-inner .bf-payment-logo {
    top: -40px;
    width: 125px;
    height: 100px;
    margin-left: -67.5px;
  }

  #bf-payment-cart .bf-payment-description {
    border-top: 4rem solid rgb(238,208,58);
  }
}


@media (min-width:800px)  {
  .bf-frsb-square.locked .bf-frsb-square-content {
    line-height: 1;
  }
    .bf-frsb-square.locked .bf-frsb-square-content:before {
      font-size: 0.8rem;
    }
}

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


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


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