body {font-family: 'Poppins', sans-serif !important; margin: 0px !important;}
#container {max-width: 1700px; width: 100%;position: relative;margin: 0 auto;}
.baslik {margin: 30px; position: relative;margin-top: 40px;}
h1 {text-align: center; font-size: 24px; opacity: 13%; color: #3f3f3f;}
h2 {text-align: center; font-size: 22px;}


#galeri p {font-weight: 200;text-align: center;font-size: 44px;background: linear-gradient(90deg, #000, #000, #000);letter-spacing: 10px;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-repeat: no-repeat;background-size: 80%;animation: shine 10s linear infinite;position: absolute;opacity: .13;margin-left: 35%;margin-top: -2%;}
#iletisim p {font-weight: 200;text-align: center;font-size: 44px;background: linear-gradient(90deg, #000, #000, #000);letter-spacing: 10px;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-repeat: no-repeat;background-size: 80%;animation: shine 10s linear infinite;position: absolute;opacity: .13;margin-left: 44%;margin-top: -2%;}
@keyframes shine {
  0% {
    background-position-x: -500%;
  }
  100% {
    background-position-x: 500%;
  }
}
.contact-information {background-image: url("/img/iletisim-bg.png");}
.contact-information .text-iletisim {margin-top: 12%;margin-left: 5%;}
.contact-information i {font-size: 35px;margin-top: 5px;}
.contact-information .text span {font-size: 30px; line-height: 45px;}

.instagram {background-color: #fff;}
.instagram-sec .owl-carousel .owl-item {transition-timing-function: ease-in!important}
.MagicScroll[data-mode=carousel],
.MagicScroll[data-mode=cover-flow] {background: 0 0;padding-bottom: 200px}
.MagicScroll a {font-size: 0!important}
.instagram-sec .sec-main-h {margin-bottom: 1rem}
.instagram-wrap:before {content: "";position: absolute;width: 40%;height: 100%;top: 0;bottom: 0;left: auto;right: 0;z-index: 999;background: rgba(255, 255, 255, 0)}
.instagram-wrap:after {content: "";position: absolute;width: 40%;height: 100%;top: 0;bottom: 0;left: 0;right: auto;z-index: 999;background: rgba(255, 255, 255, 0)}

#footer {background: #3c3c3c; padding: 10px;}
#footer p {text-align: center; font-size: 18px; color: #fff; margin: 0 auto; padding: 0 auto;}


/*media*/
@media (min-width: 768px) and (max-width: 991px){
  
  .contact-information {    display: flex;
    flex-direction: column;}
  .contact-information .text-iletisim {margin: 20px;}
  .contact-information i {margin-left: -22px;}
  #container{ position:relative; width:97%; height:auto; margin:0 auto; }
  #iletisim p {margin-left: 39%; margin-top: -3%;}
  #galeri p {margin-left: 25%;}
  .MagicScroll[data-mode="carousel"],
.MagicScroll[data-mode="cover-flow"] {background: #fff;height: 300px !important;}
.contact-information .text-iletisim {    display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.contact-information .text span{font-size: 22px;}

}