/* line 1, ../sass/demo.scss */
html, body {
  font-family: 'Slabo 27px', serif;
  padding: 0;
  margin: 0;
  background: #ffffff;
}

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

/* line 12, ../sass/demo.scss */
a {
  color: #4ab19a;
}

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

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

  width: 100%;
  padding-right: -15px;
  padding-left: -15px;

}
/* line 32, ../sass/demo.scss */

/* line 46, ../sass/demo.scss */
.container-fluid .gallery a:hover img {
 
  z-index: 5;
}

/* line 57, ../sass/demo.scss */
.container-fluid .gallery a img {
  width: 100%;
  margin-top:30px;
  filter: contrast(90%) brightness(60%);
}
.container-fluid .gallery a img:hover{
 
  filter: grayscale(0%);
}
.container-fluid .gallery1 a:hover img {

  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container-fluid .gallery1 a img {
  width: 100%;
margin-top:30px;
  filter: contrast(90%) brightness(60%);
}
.container-fluid .gallery1 a img:hover{
 filter: contrast(300%) brightness(150%);
  filter: grayscale(0%);
}

.container-fluid .gallery2 a:hover img {
  
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container-fluid .gallery2 a img {
  width: 100%;
   margin-top:30px;
  filter: contrast(90%) brightness(60%);
}
.container-fluid .gallery2 a img:hover{
  filter: contrast(300%) brightness(150%);
  filter: grayscale(0%);
}

.container-fluid .gallery3 a:hover img {
  
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container-fluid .gallery3 a img {
  width: 100%;
   margin-top:30px;
  filter: contrast(90%) brightness(60%);
}
.container-fluid .gallery3 a img:hover{
 filter: contrast(300%) brightness(150%);
  filter: grayscale(0%);
}
.container-fluid .gallery4 a:hover img {
  
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container-fluid .gallery4 a img {
  width: 100%;
   margin-top:30px;
  filter: contrast(90%) brightness(60%);
}
.container-fluid .gallery4 a img:hover{
 filter: contrast(300%) brightness(150%);
  filter: grayscale(0%);
}
.container-fluid .gallery5 a:hover img {
  
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container-fluid .gallery5 a img {
  width: 100%;
   margin-top:30px;
  filter: contrast(90%) brightness(60%);
}
.container-fluid .gallery5 a img:hover{
 filter: contrast(300%) brightness(150%);
  filter: grayscale(0%);
}
.container-fluid .gallery6 a:hover img {
  
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container-fluid .gallery6 a img {
  width: 100%;
   margin-top:30px;
  filter: contrast(90%) brightness(60%);
}
.container-fluid .gallery6 a img:hover{
 filter: contrast(300%) brightness(150%);
  filter: grayscale(0%);
}

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

.container {
    position: relative;
    width: 50%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.toll{
font-size:22px;
padding:5px;
text-align:center;
background:grey;
border:1px solid grey;
}

.toll:hover{
background:#dd0a77;
transition:0.5s;
border:1px solid grey;
}