.nomor {
     text-align: center;
     background: #94C9FF;
     -moz-border-radius: 15px;
     border-radius: 10px;
     padding: 10px;
     position: relative;
     outline: none;
     color: black;
     letter-spacing: 1px;
     border: 1px solid #ccc;
     cursor: pointer;
}

.nomor:hover {
     background: #81b8f0;
}



.nomor .operator {
     font-size: 12px;
     font-weight: 400;
}

.nomor strong {
     color: #d03c3c;
}


#nomor-container {
     grid-column-gap: 10px;
}

.nomor {
     margin-bottom: 10px;
}

.nomor .price {
     text-shadow: none;
}





@media (max-width: 740px) {
     .nomor {
          font-size: 4vw;
     }

     .nomor .price {
          font-size: 3vw;
     }

     #nomor-container {
          grid-template-columns: 1fr 1fr;
          grid-gap: 10px;
     }

}

@media (min-width: 741px) {
     .nomor {
          font-size: 1.5vw;
     }

     .nomor .price {
          font-size: 1.2vw;
     }


     #nomor-container {
          grid-template-columns: 1fr 1fr;
          grid-gap: 10px;
     }
}

@media (min-width: 992px) {
     #nomor-container {
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 10px;
     }

}