/* line 1, ../sass/demo.scss */


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



/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* line 22, ../sass/demo.scss */
.container11 {
  width: 100%;
  padding-right: 1px;
  padding-left: 1px;
  margin-right: auto;
  margin-left: auto;
}
/* line 32, ../sass/demo.scss */
.container11 .gallery a img {
  float: left;
  margin: 6px;
  width: 22.3%;
  height: auto;
  -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;
	border: 1px solid #ccc;
}
@media only screen and (max-width: 1913px) {
.container11 .gallery a img {
  float: left;
  margin: 6px;
  width: 21.5%;
  height: auto;
  -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;
	border: 1px solid #ccc;
}
}
@media only screen and (max-width: 1485px) {
.container11 .gallery a img {
  float: left;
  margin: 6px;
  width: 15%;
  height: auto;
  -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;
	border: 1px solid #ccc;
}
}
@media only screen and (max-width: 972px) {
.container11 .gallery a img {
  float: left;
  margin: 6px;
  width: 20%;
  height: auto;
  -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;
	border: 1px solid #ccc;
}
}
@media only screen and (max-width: 619px) {
.container11 .gallery a img {
  float: left;
  margin: 6px;
  width: 47.5%;
  height: auto;
  -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;
	border: 1px solid #ccc;
}
}
@media only screen and (max-width: 517px) {
.container11 .gallery a img {
  float: left;
  margin: 6px;
  width: 46.5%;
  height: auto;
  -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;
	border: 1px solid #ccc;
}
}
@media only screen and (max-width: 502px) {
.container11 .gallery a img {
  float: left;
  margin: 0.5%;
  width: 49%;
  height: auto;
  -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;
	border: 1px solid #ccc;
}
}
/* line 46, ../sass/demo.scss */
.container11 .gallery a:hover img {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container11 .gallery a.big img {
  width: 40%;
}

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