.lightbox {
    /* Default to hidden */
    display: none;
  
    /* Overlay entire screen */
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  
    /* A bit of padding around image */
    padding: 1em;
  
    /* Translucent background */
    background: rgba(0, 0, 0, 0.8);
  }
  
  /* Unhide the lightbox when it's the target */
  .lightbox:target {
    display: block;
  }
  
  .lightbox div {
    /* Full width and height */
    display: block;
    width: 100%;
    height: 100%;
  
    /* Size and position background image */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .lightbox-title {
    text-align: center;
    z-index: 101;
    position: absolute;
    bottom: 10px;
    width: 100%;
    font-size: x-large;
    font-weight: bold;
    color: #090909;
    text-shadow: rgba(255,255,255,0.2) 2px 1px;
    background-color: #c9c9c9;
  }
  .lightbox-description {
	text-align: center;
    z-index: 100;
    position: absolute;
    bottom: 36px;
    width: 100%;
    font-size: large;
    font-weight: bold;
    color: #c9c9c9;
    text-shadow: rgba(255,255,255,0.2) 2px 1px;
    background-color: #090909;
  }
  /*modal image links*/
  #carpets-and-more-for-less div {
    background-image: url('../imgs/cfl-collage.jpg');
  }
  #lsl-distributors div {
    background-image: url('../imgs/lsl-collage.jpg');
  }
  #lratc-alumni div {
    background-image: url('../imgs/lratc-collage.jpg');
  }
  #battle-top-entertainment div {
    background-image: url('../imgs/bte-collage.jpg');
  }
  
 /*responsive rules*/
 
@media screen and (max-width: 1255px) {
	.lightbox {
		padding: 27px;
	}
	.lightbox-title {
		font-size: 1.4rem;
		width: 90%;
	}
	.lightbox-description {
		font-size: 1.1rem;
		width: 90%;
	}
}
@media screen and (max-width: 800px) {
	.lightbox {
		padding: 18px;
	}
	.lightbox-title {
		font-size: 1.3rem;
	}
	.lightbox-description {
		font-size: 1rem;
	}
}
 
@media screen and (max-width: 460px) {
	.lightbox {
		padding: 9px;
	}
	.lightbox-title {
		font-size: 1rem;
	}
	.lightbox-description {
		font-size: 0.8rem;
	}
}