form.form .input-group {
    display: flex;
    box-shadow: 0 0 4px #002b4e99;
}

form.form .input-group input {
    flex: 1;
    border: 0;
    padding: 12px 10px;
}

form.form .input-group input::placeholder {
    color: #33333377;
}

form.form .input-group button {
    padding: 12px 0;
    font-size: 18px;
}

form.form .input-group button:hover {
    background-color: #0b4677;
}

form.form .input-group button:active {
    background-color: #0a5491;
}

@media screen and (max-width: 768px) {
    main.content p {
        font-size: 16px;
    }
    form.form .input-group {
        flex-direction: column;
    }
    form.form .input-group>input {
        text-align: center;
        flex: 1;
    }
    form.form .input-group>button {
        width: 100%;
    }
}

html {
    font-size: 14px;
  }
  @media (min-width: 768px) {
    html {
      font-size: 16px;
    }
  }
  .pricing-header {
    max-width: 700px;
  }
  
  .card-deck .card {
    min-width: 220px;
  }