/* line 1, ../sass/demo.scss */
html, body {
  font-family: 'Open Sans', serif;
  padding: 0;
  margin: 0;
 /* background: #4ab19a; */
}

/* line 8, ../sass/demo.scss */
* {
  box-sizing: border-box;
}

/* line 12, ../sass/demo.scss */
a {
  color: #4ab19a;
}

/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* line 22, ../sass/demo.scss */
.container {
  max-width: 100%;
  width: 100%;
  /*padding-right: 15px;*/
  padding-left: 0px;
  margin-right: auto;
  margin-left: 9px;
  margin: 0 auto;
}

.container img {
    width: 100%;        /* Resmin genişliğini kapsayıcısına (div) eşitler */
    height: auto;       /* Resmin en-boy oranını korur, dikeyde bozulma yapmaz */
    display: block;     /* Resimlerin altındaki 3-4 piksellik görünmez boşluğu siler */
    padding-left:8px;
    padding-right:8px;
    padding-top:8px;
    margin:0px;
  }

/* DOĞRU SEÇİCİ: img etiketinin kendisine doğrudan 'basliklar' sınıfı verildiği için */
img.basliklar, 
.basliklar {
  display: block; /* margin: 0 auto ile ortalanabilmesi için block olmalı */
  margin: 0 auto;
  padding-left:8px;
  padding-right:8px;
  width: 100%;
  height: 84px;
  object-fit: cover; /* Resim boyutlandırılırken sünme/bozulma yapmasını engeller */
}

/* line 32, ../sass/demo.scss */
.container .gallery a img {
  float: left;
 /* width: 23.23%; */
 width:25%;
  height: auto;
  /* border: 1px solid #93b6b2; */
  -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;
}
/* 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: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}
