@font-face {
  font-family: 'Unicorn';
	src: local("unicorns.tff");
	src: url(https://dl.dropbox.com/s/stne141j05ssst7/unicorns.ttf)
}
#images-wrapper {    
   line-height: 0;       
    -webkit-column-count: 5;    
    -webkit-column-gap: 0px;    
    -moz-column-count: 5;
    -moz-column-gap: 0px;
     column-count: 5;    
     column-gap: 0px;    
}  
#images-wrapper img {    
   width: 100% !important;    
   height: auto !important;  
}  
#images-wrapper{    
   display:inline-block;    
   margin-right: auto;    
   margin-left: auto;  
}
@media (max-width: 1000px) {
   #images-wrapper {
   -moz-column-count:    3;
   -webkit-column-count: 3;
   column-count:         3;
   }
  }  
@media (max-width: 800px) {
   #images-wrapper {
   -moz-column-count:    2;
   -webkit-column-count: 2;
   column-count:         2;
   }
  }  
@media (max-width: 400px) {
   #images-wrapper {
   -moz-column-count:    1;
   -webkit-column-count: 1;
    column-count:        1;
   }
}
body {
  background-image: url('/Images/swirlbg.gif');
  }
.gallery{
  height: 400px;
  }
.imgtxt {
  width: fit-content;
  height: fit-content;
  display: inline-block;
  position: relative;
}
.imgtxt span {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 2.5rem;
  color: #FFF;
  font-family: 'Unicorn', sans-serif;
  filter: drop-shadow(1px 1px 0 black) 
    drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black)
    drop-shadow(-1px -1px 0 black);
}
.imgtxt:hover span, .imgtxt:focus span {
  opacity: 1;
}
.imgtxt:hover img, .imgtxt:focus img {
  /* add hover effects like transform or filter to your images here! */
}
.container {
      margin: auto;
      background-color: white;
      width: 66%;
      border-style: solid;
      border-width: 5px;
      border-color: pink;
      opacity: 0.92;
      padding-top: .3%;
      padding-right: 3%;
      padding-bottom: 3%;
      padding-left: 3%;
      text-align: center
}
.tg  {
  border-collapse:collapse;
  border-spacing:0;
  margin:auto;
  }
.tg td{
  border-color:Pink;
  border-style:solid;
  
  background-color: white;
  font-size:14px;
  overflow:hidden;
  padding:5px 5px;
  word-break:normal;
  text-align:left;
  vertical-align:middle;
  }
.tg th{
  border-color:Pink;
  border-style:solid;
  border-width:3px;
  font-size:18px;
  font-weight:normal;
  overflow:hidden;
  padding:5px 5px;
  word-break:normal;
  text-align:left;
  vertical-align:middle
  }
@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}