/* line 8, ../sass/demo.scss */
* {
  box-sizing: border-box;
}

/* line 12, ../sass/demo.scss */
a {
}

/* line 16, ../sass/demo.scss */
.clear {
  clear: both;

}

/* line 22, ../sass/demo.scss */
.container {

}
.gallery .titregal {   float: left;
  width: 25%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
  max-height:130px; background:#333333; color:#FFFFFF; overflow:hidden;
}

.photogal {   float: left;
  width: 25%;
  height: auto;
  max-height:130px; 
  overflow:hidden;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative; 
  display: table-cell;
    vertical-align: middle;
}
/* line 32, ../sass/demo.scss */
.container .gallery a img { width:100%;

}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 25%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}


@media screen and (max-width:800px){

.gallery .titregal {   float: left;
  width: 100%;

  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
  background:#333333; color:#FFFFFF;
}
/* line 32, ../sass/demo.scss */
.container .gallery a img {
  float: left;
  width: 100%;

  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
  max-height:100%; 
}


}