/*============================================================================
  #Breakpoints
==============================================================================*/
.table {
  width: 100%;
  border: 1px solid #eee; }
  .table th {
    text-align: center;
    background: #fbfbfb;
    padding: 1rem;
    font-size: 115%;
    max-width: 130px; }
  .table td, .table th {
    padding: 1rem;
    vertical-align: middle;
    border-right: 1px solid #eee; }
  .table .feature-name {
    text-align: left;
    max-width: 300px; }
  .table p {
    margin-top: 0; }
  .table .fa-check-circle:before {
    content: "\f058";
    font-size: 25px;
    color: #00bf99; }
  .table .fa-times-circle:before {
    content: "\f057";
    font-size: 25px;
    color: #ddd; }
  .table strong {
    font-weight: bolder;
    font-size: 115%; }

@media (max-width: 767px) {
  .pricing__popular {
    margin-top: 2rem; } }