/* Add here all your CSS customizations */

.resimcerceve {
  position: relative;
}

.imagexs {
  display: block;
  width: 100%;
  height: auto;
}

.ikinciresim {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: red;
}

.resimcerceve:hover .ikinciresim {
  opacity: 1;
}

.ikinciresim {
  color: white;
  font-size: 100px;
  position: absolute;
  text-align: center;
} 

.girisyap {
	font-size:18px;
	color:#fff;
	padding:14px 10px 0px 0px;
}
#header .header-nav-features .header-nav-features-dropdown.show {
	top: 38px;
    margin-right: -27px
}
.koleksiyonhp {
	width:100%; border-top:3px solid #111;
}
.koleksiyonhp img {
	width:100%;
}

.mobildegizle {
	display:block;
}
.mobildegoster {
	display:none;
}
.dropdown-item {
	font-size:14px;
}
.nav-pills .nav-link {
	color:#fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color:transparent;
}
.koleksiyonhp {
	position:relative;
}
.yazilarhp {
	position: absolute;
    top: 33%;
	left:10%;
}
.yazilarbaslik {
	display:flex;
}

.yazilarhp h1 {
	font-size:150px;
	color:#fff;
	font-family:Fantasy;
	letter-spacing:1px;
	line-height:normal;
	text-shadow:2px 2px 4px #000;
	margin-bottom:0px;
}
.yazilarhp h2 {
    font-size:45px;
    padding-top:36px;
    padding-left:20px;
    color:#fff;
    line-height:normal;
    text-shadow:1px 1px 4px #000;
    font-weight:400;
}
.yazilarhp h3 {
	text-transform:none;
}
.yazilarhp h3 a {
	text-transform:none;
	color:#fff;
	font-size: 22px;
    letter-spacing: 1px;
}

.mr10ml0 {
	right:10%;
	left:auto;
}
.colorkoyugray {
	color:#333 !important;
}
.main {
	min-height:500px;
}
.logoindex {
	width:300px;
}
.menudiller {
	float:left; right:67px; position:absolute;
}

@media only screen and (max-width: 991px) {
.logoindex {
	width:200px;
}

.mobildegizle {
	display:none;
}
.mobildegoster {
	display:block;
}
.yazilarhp h1 {
	font-size:40px;
	color:#fff;
	font-family:Fantasy;
	letter-spacing:1px;
	line-height:normal;
	text-shadow:2px 2px 4px #000;
	margin-bottom:0px;
}
.yazilarhp h2 {
    font-size:14px;
    padding-top:6px;
    padding-left:6px;
    color:#fff;
    line-height:normal;
    text-shadow:1px 1px 4px #000;
    font-weight:400;
	margin-bottom:6px;
}
.yazilarhp h3 a {
	text-transform:none;
	color:#fff;
	font-size: 14px;
    letter-spacing: 1px;
	padding:0.4rem 0.933rem;
}






	
}