body  {
  background-color: dimgray;
/*   color: #FFFFFF; */
}
#gallery  {
  margin-left: 30px;
}
.tile  {
  float: left;
}
.show  {
  height: 133px;
  width: 200px;
  margin-left: 10px;
}
.tile:hover  {
  opacity: 0.5;
  cursor: pointer;
}
/*Mini Bootstrap*/
.icontainer {
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto
 }
 
 @media (min-width:768px) {
     .icontainer {
        
     }
 }
 
 .irow {
     margin-right: -15px;
     margin-left: -15px;
	 	margin-bottom: 15px;
 }
 
 .irow:after,
 .irow:before {
     display: table;
     content: " "
 }
 
 .irow:after {
     clear: both
 }
 
 .icol-sm-1,
 .icol-sm-2,
 .icol-sm-3,
 .icol-sm-4,
 .icol-sm-5,
 .icol-sm-6,
 .icol-sm-7,
 .icol-sm-8,
 .icol-sm-9,
 .icol-sm-10,
 .icol-sm-12 {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
     -webkit-box-sizing: border-box;
 }
 
 @media (min-width:768px) {
     .icol-sm-1{
         float: left;
         width: 8.33333333%;
     }
     .icol-sm-2 {
         float: left;
         width: 16.66666667%;
     }
     .icol-sm-3 {
         float: left;
         width: 25%;
     }
     .icol-sm-4 {
         float: left;
         width: 33.33333333%;
     }
     .icol-sm-5 {
         float: left;
         width: 41.666667%;
     }
     .icol-sm-6 {
         float: left;
         width: 50%;
     }
     .icol-sm-7 {
         float: left;
         width: 58.33333333%;
     }
     .icol-sm-8 {
         float: left;
         width: 66.66666667%;
     }
     .icol-sm-9 {
         float: left;
         width: 75%;
     }
     .icol-sm-10 {
         float: left;
         width: 83.33333333%;
     }
     .icol-sm-12 {
         float: left;
         width: 100%;
     }
 }


.irow img {
    width: 100%;
}

@media (max-width: 1200px) and (min-width: 993px) {

.valign {
    display: flex;
    align-items: center;
}
}

@media (min-width: 750px){
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
    }
}