.navbar {height:45px;overflow: hidden;margin-bottom: 0;}
.navbar-brand {padding:8px 15px 12px;line-height: 1;}
.navbar-brand span {font-size: 24px;}
.navbar-text a, .navbar-text a:hover {margin: -12px 0 0 20px;padding-top: 13px;height: 45px;display: block;color: #fff;text-decoration: none;}
.suit-black {color:#fff;opacity: .5;}
.suit-red {color:red;opacity: .7;}
.example-link {display: none;}
.example-link, .example-link:hover {text-decoration: none;cursor: pointer;}
.example {float:left;margin-right:10px;font-size: 12px;text-transform: uppercase;text-align: center;background: #f5f5f5; padding: 5px 8px; border-radius: 8px; }
.spades, .spades-o, .clubs, .clubs-o {color: #000; background: #fff; margin: 1px;border: 1px solid #ccc;border-radius: 5px;font-size: 12px;display: inline-block;min-width: 26px; text-align: center;}
.hearts, .hearts-o, .diams, .diams-o {color: red; background: #fff; margin: 1px;border: 1px solid pink;border-radius: 5px;font-size: 12px;display: inline-block;min-width: 26px; text-align: center;}
.spades:after, .clubs:after, .hearts:after, .diams:after {font-size: 14px;}
.spades:after {content: "\2660";}
.spades-o:after {content: "\2664";}
.clubs:after {content: "\2663";}
.clubs-o:after {content: "\2667";}
.hearts:after {content: "\2665";}
.hearts-o:after {content: "\2661";}
.diams:after {content: "\2666";}
.diams-o:after {content: "\2662";}
.hand img {margin-right: 2%; height: auto; width: 18%;margin-bottom: 10px;}
h1 {display: inline-block;font-size: 20px;margin: 0;}
h2 {font-size: 30px;margin-top: 35px;margin-bottom: 20px;}
.bookmark-page {margin: 0;cursor: pointer;}
.bookmark-page span {float: right;clear: right;height: 45px;line-height: 3.5;}
.probability {font-size: 12px;}
.footer {margin: 35px auto 10px;font-size: 12px;}
.col-xs-12 {width: 50%;}
@media (min-width: 767px) {
  .lead {font-size: 18px;}
  .examples {display: block !important;height: auto !important;}
}
@media (max-width: 580px) {
  h2 {font-size: 26px;margin-top: 20px;}
  .example-link {display: block;margin-bottom: 10px;}
  .example-link.collapsed i.fa-angle-up { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  
}
@media (max-width: 500px) {
  .col-xs-12 {width: 100%;}
}
@media print {  
	* {
	    color: #000 !important;
	    text-shadow: none !important;
	    background: transparent !important;
	    box-shadow: none !important;
	}
	.poker-hand {page-break-inside: avoid;}
	h2:first-child {margin-top: 0px;}
	.example-link {display: none !important;}
}