.d-print-none, .navbar{
    display:none;
}

.float-right{
    float:right;
}

body{
    line-height: 1.5rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 16pt;
}

* {
  box-sizing: border-box;
}


.container{
    width:872px;
    xborder: 2px solid blue;
}

h1{
    
    font-size:2.5rem;
    font-weight: 500;
    line-height: 1.2rem;
}

h2{
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 2rem;
}

h5 img{
    vertical-align: middle;
    margin-bottom:5px;
}

.rules-list li{
    line-height: 2.5rem;
}
.rules-list li img{
    vertical-align: middle;
}

h5{
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
}

h5{
    margin-bottom: 0px;
}

.common ul{
    margin-top: 0px;
}

.puzzleheader h2{
    
    font-size:2.5rem;
    font-weight: 500;
    line-height: 1.2rem;
    border-bottom:3px solid black;
    margin: 10px 0 0 0;
    padding: 3px 0 3px 0;
}

.puzzleheader h2 span{
   font-size:1.1rem;
   font-weight:600;
}

.puzzleheader img{
    width:30%;
    display: block;
    margin-left: auto;
}

.puzzles .card .img-thumbnail{   
    border-radius: .5rem;
    xborder: 2px solid rgba(0,0,0,.125);
    xbackground-color: #f8f9fa;
    
    display: block;
    width:80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 150px;
}


.puzzles .col-md-6{    
    margin-left: auto;
    margin-right: auto;
    break-inside: avoid;
}

.gallery2 .col-md-6{
    
   
    width:50%;
    float:left;
    break-inside: avoid;
    border-radius: .3rem;
    padding:10px;
}
.gallery2 .card{
     border: 1px solid rgba(0,0,0,.125);
     border-radius: .5rem;
     padding:10px;
}

.gallery2 .card .img-thumbnail{
   width:100%;
   border: 1px solid rgba(0,0,0,.125);
   border-radius: .3rem;
   padding:15px;
   background-color: rgba(0,0,0,.05)
} 



.lead{
    margin-bottom:20px;
}

.mb-4{
    margin-bottom:1.5rem;
}

.card{
    break-inside: avoid;
}

.card-body{
   padding: 0 10px 0 10px; 
    
}

img.ramhead {
    float:right;
}





p.card-head img{
    vertical-align: middle;
    margin-bottom:5px;
}

p.card-head{
    line-height:2.0rem;
    
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge{
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.common ul {
  border: 1px solid black;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  border-radius: 0px 6px 6px 6px;
}


a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}