/* responsive images  */

.lightbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 3em 1em;
  background:black;
  background: rgba(0,0,0,0.4);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
  }
.closeBtn {
    cursor: pointer;
    margin-top: 3px;
    margin-left: -55px;
    width: 50px;
    height: 50px;

}
.ltBox {
    cursor: pointer;
    width: 1000px;
    height: auto;
    max-width: 90%;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    border: 1px solid #A45A48;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -ms-border-radius:0.5em;


}
 @media all and (min-width: 1em) and (max-width: 45em) { 
  body:after {
        content: 'mqsupport';
        display: none;
    }
 
 } 

@media all and (min-width: 45em) {  
    body:after {
        content: 'widescreen';
        display: none;
    }
}