.primarybutton {font-weight: bold;}
  a.btn-primary {color: #fff; text-align:center;}
  a.btn-primary:hover {color: #fff;text-decoration: none;}
  a.btn-primary h3 {color: #fff; padding-top: 10px;}


  /*secondary */
  .secondarybutton {font-weight: bold;}
  a.btn-secondary {color: #fff; padding-top: 5px;}
  a.btn-secondary:hover {color: #fff; text-decoration: none;}
  a.btn-secondary h3 {color: #000; padding-top: 10px;}
  a.btn-secondary h3:hover {color: #fff;}
  .btn-secondary {background: #a8d6e7; border: #a8d6e7;}

  /*success */
  .successbutton {font-weight: bold;}
  a.btn-success {color: #fff;}
  a.btn-success:hover {color: #efefef; text-decoration: none;}
  a.btn-success h3 {color: #fff; padding-top: 10px;}
  a.btn-success h3:hover {color: #fff;}
  /*.btn-success {background: #a8d6e7; border: #a8d6e7;}*/

  /* warning */

  .warningbutton {font-weight: bold;}
  a.btn-warning {color: #fff;}
  a.btn-warning:hover {color: #000; text-decoration: none;}
  a.btn-warning h3 {color: #fff; padding-top: 10px;}
  a.btn-warning h3:hover {color: #000;}

  /* danger */
  .dangerbutton {font-weight: bold;}
  a.btn-danger {color: #fff;}
  a.btn-danger:hover {color: #fff; text-decoration: none; margin-top: 10px;}
  a.btn-danger h3 {color: #fff; padding-top: 10px;}
  a.btn-danger h3:hover {color: #fff;}
  .btn-danger {background: red; border: red;}


  /* info */

  .infobutton {font-weight: bold;}
  a.btn-info {color: #fff;}
  a.btn-info:hover {color: #000; text-decoration: none;}
  a.btn-info h3 {color: #fff; padding-top: 10px;}
  a.btn-info h3:hover {color: #000;}

  /* light */

  .lightbutton {font-weight: bold;}
  /*a.btn-light {color: #fff;}*/
  a.btn-light:hover {color: #000; text-decoration: none;}
  a.btn-light h3 {color: #000; padding-top: 10px;}
  /*a.btn-light h3:hover {color: #000;}*/

  /* dark */

  .darkbutton {font-weight: bold;}
  a.btn-dark {color: #fff;}
  a.btn-dark:hover {color: #fff; text-decoration: none;}
  a.btn-dark h3 {color: #fff; padding-top: 10px;}
  /*a.btn-light h3:dark {color: #000;}*/

  .yellowbutton {font-weight: bold;}
  a.btn-yellow {color: #fff;}
  a.btn-yellow:hover {color: #fff; text-decoration: none;}
  a.btn-yellow h3 {color: #fff; padding-top: 10px;}
  a.btn-yellow {background-color: yellow; }

  .transparent {font-weight: bold;}
  .btn-transparent-lg {  background-color: transparent;
      border: 1px solid rgba(255, 255, 255, .898);
      border-image: none 100% 1 0 stretch;
      border-radius: .375rem;
  	 color: #ffffff;
  	 font-size: 1.2em;
  }
  .btn-transparent h3 {color:#fff; padding-top:10px;}
  .btn-transparent-lg:hover { background-color: #ffffff;    border: 1px solid rgba(255, 255, 255, .898);color: #000000; text-decoration: none; }
  .btn-transparent-lg a:hover {color: #000000; text-decoration: none;}